#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 Generator Check Contrast View 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

Analogous

Triadic

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