Pearl Grey (D8D8E0) — Shades, Harmonies, Palettes, CSS Code

"Pearl Grey"

Neutral · Timeless

🧠 Psychology

Neutral and timeless color. Evokes elegance, sobriety and minimalism.

✨ Uses

UI design, backgrounds, typography, professional interfaces.

Tip

Pearl Grey pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #D8D8E0

RGB rgb(216, 216, 224)

HSL hsl(240°, 11%, 86%)

CMYK C:4% M:4% Y:0% K:12%

Luminance 0.6983

WCAG Accessibility

On white 1.42:1

Aa — #D8D8E0

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 14.82:1

Aa — #D8D8E0

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#D8D8E0 #DFDFD7

Analogous

#D7DBDF #D8D8E0 #DBD7DF

Triadic

#D8D8E0 #DFD7D7 #D7DFD7

Split-comp.

#D8D8E0 #DFDBD7 #DBDFD7

Tetradic

#D8D8E0 #DFD7DB #DFDFD7 #D7DFDB

Monochromatic

#747476 #A7A7A9 #DBDBDC #F5F5F5 #FFFFFF

Suggested palettes for this hue.

Coffee & Cream View all →

Red Passion View all →

Tech Blue View all →