Pearl Grey (D9DAE1) — 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 #D9DAE1

RGB rgb(217, 218, 225)

HSL hsl(233°, 12%, 87%)

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

Luminance 0.7105

WCAG Accessibility

On white 1.39:1

Aa — #D9DAE1

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 15.07:1

Aa — #D9DAE1

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#D9DAE1 #E2E1DA

Analogous

#DADFE2 #D9DAE1 #DDDAE2

Triadic

#D9DAE1 #E2DADB #DBE2DA

Split-comp.

#D9DAE1 #E2DDDA #DFE2DA

Tetradic

#D9DAE1 #E2DADF #E2E1DA #DAE2DD

Monochromatic

#75767A #A9AAAD #DDDDDF #F7F7F8 #FFFFFF

Suggested palettes for this hue.

Santorini View all →

Matcha View all →

Marrakech View all →