Lighter companion
Warm Gray Mist
#E7E6E4 · hsl(30, 6%, 90%)
RGB
rgb(217, 214, 212)
HSL
hsl(30, 6%, 84%)
CMYK
cmyk(0%, 1%, 2%, 15%)
Metrics
S 6% · L 84%
Contrast (WCAG)
on white
1.4:1Fail
on black
14.5:1AA
About this color
Warm Gray Pearl (#D9D6D4) belongs to the orange family — hue 30°, 6% saturation, 84% lightness. Copy the hex, RGB, or HSL value above, or paste the CSS custom property below into your stylesheet to reference this color directly.
CSS
:root { --colorarchive-warm-gray-pearl: #D9D6D4; --colorarchive-warm-gray-pearl-hsl: hsl(30, 6%, 84%); --colorarchive-warm-gray-pearl-rgb: rgb(217, 214, 212); }
AI Color Names
Let AI suggest alternative poetic names for this color in English and Chinese.
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Warm Gray Bloom
#C5C2BE · hsl(30, 6%, 76%)
Complementary counterpoint
Cool Gray Pearl
#D4D6D9 · hsl(210, 6%, 84%)
Analogous lead
Amber Pearl Faint
#DAD9D2 · hsl(50, 10%, 84%)
Analogous echo
Ruby Pearl Faint
#DAD3D2 · hsl(10, 10%, 84%)
Triadic +120°
Jade Pearl Faint
#D2DAD6 · hsl(150, 10%, 84%)
Triadic +240°
Plum Pearl Faint
#D6D2DA · hsl(270, 10%, 84%)
Split-comp +150°
Aqua Pearl Faint
#D2DADA · hsl(180, 10%, 84%)
Split-comp +210°
Iris Pearl Faint
#D2D2DA · hsl(240, 10%, 84%)
Export preview
Base: Warm Gray Pearl #D9D6D4 Lighter companion: Warm Gray Mist #E7E6E4 Darker companion: Warm Gray Bloom #C5C2BE Complementary counterpoint: Cool Gray Pearl #D4D6D9 Analogous lead: Amber Pearl Faint #DAD9D2 Analogous echo: Ruby Pearl Faint #DAD3D2 Triadic +120°: Jade Pearl Faint #D2DAD6 Triadic +240°: Plum Pearl Faint #D6D2DA Split-comp +150°: Aqua Pearl Faint #D2DADA Split-comp +210°: Iris Pearl Faint #D2D2DA
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Coral Pearl Faint
#DAD6D2 · hsl(30, 10%, 84%)
Nearby match
Warm Gray Mist
#E7E6E4 · hsl(30, 6%, 90%)
Nearby match
Coral Pearl Muted
#DED6CF · hsl(30, 18%, 84%)
Nearby match
Warm Gray Bloom
#C5C2BE · hsl(30, 6%, 76%)
Nearby match
Coral Mist Faint
#E8E6E3 · hsl(30, 10%, 90%)
Nearby match
Warm Gray Whisper
#F1F0EF · hsl(30, 6%, 94%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Color Vision Simulation
How this color appears with different color vision deficiencies.
Deuteranopia
#D8D8D5
Protanopia
#D8D8D4
Tritanopia
#D9D5D5
Ready to build
Turn these colors into design tokens
ColorArchive packs include CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.