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

"Pearl Grey"

Neutral · Winter

🧠 Psychology

Color of trust and stability. Evokes professionalism, security and serenity.

✨ Uses

Finance, banking, enterprise, software, social networks.

Tip

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

Values

HEX #BABDD4

RGB rgb(186, 189, 212)

HSL hsl(233°, 23%, 78%)

CMYK C:12% M:11% Y:0% K:17%

Luminance 0.5243

WCAG Accessibility

On white 1.86:1

Aa — #BABDD4

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 11.32:1

Aa — #BABDD4

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BABDD4 #D4D1BA

Analogous

#BACAD4 #BABDD4 #C4BAD4

Triadic

#BABDD4 #D4BABD #BDD4BA

Split-comp.

#BABDD4 #D4C4BA #CAD4BA

Tetradic

#BABDD4 #D4BACA #D4D1BA #BAD4C4

Monochromatic

#54576D #8689A2 #C0C1CE #DCDDE4 #FFFFFF

Suggested palettes for this hue.

Northern Lights View all →

Leather & Wood View all →

Dark UI View all →