#333333

51, 51, 51

Dark Gray

A versatile dark gray that softens the harshness of pure black. Ideal for body text, UI chrome, and any context requiring depth without starkness.

HEX#333333
RGB51, 51, 51
HSL0°, 0%, 20%
CMYK0%, 0%, 0%, 80%
CSS Variable--color: #333333;
Use in GeneratorCheck ContrastView on Wheel

Shades of Dark Gray

#e6e6e6

#cccccc

#b3b3b3

#999999

#808080

#666666

#4c4c4c

#333333

#191919

Tints of Dark Gray

#333333

#4b4b4b

#636363

#7b7b7b

#939393

#ababab

#c2c2c2

#dadada

#f2f2f2

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White12.63:1
AA NormalPassAAAPass

Sample Text

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

Black

#000000

Rich Black

#1A1A1A

Gray

#666666

Silver

#999999

Light Gray

#CCCCCC

White Smoke

#F5F5F5