#666666

102, 102, 102

Gray

A balanced mid-tone gray that sits comfortably between black and white. The workhorse of UI design — used for secondary text, borders, and dividers.

HEX#666666
RGB102, 102, 102
HSL0°, 0%, 40%
CMYK0%, 0%, 0%, 60%
CSS Variable--color: #666666;
Use in GeneratorCheck ContrastView on Wheel

Shades of Gray

#e6e6e6

#cccccc

#b3b3b3

#999999

#808080

#666666

#4c4c4c

#333333

#191919

Tints of Gray

#666666

#787878

#898989

#9b9b9b

#acacac

#bebebe

#cfcfcf

#e1e1e1

#f2f2f2

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White5.74:1
AA NormalPassAAAFail

Sample Text

On Black3.66:1
AA NormalFailAAAFail
Full contrast analysis →

Black

#000000

Rich Black

#1A1A1A

Dark Gray

#333333

Silver

#999999

Light Gray

#CCCCCC

White Smoke

#F5F5F5