Lighter companion
Taupe Gray Mist
#E7E6E4 · hsl(40, 5%, 90%)
RGB
rgb(216, 215, 212)
HSL
hsl(40, 5%, 84%)
CMYK
cmyk(0%, 0%, 2%, 15%)
Metrics
S 5% · L 84%
Contrast (WCAG)
on white
1.4:1Fail
on black
14.6:1AA
About this color
Taupe Gray Pearl (#D8D7D4) belongs to the orange family — hue 40°, 5% 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-taupe-gray-pearl: #D8D7D4; --colorarchive-taupe-gray-pearl-hsl: hsl(40, 5%, 84%); --colorarchive-taupe-gray-pearl-rgb: rgb(216, 215, 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
Taupe Gray Bloom
#C5C3BF · hsl(40, 5%, 76%)
Complementary counterpoint
Cobalt Pearl Faint
#D2D5DA · hsl(220, 10%, 84%)
Analogous lead
Citrine Pearl Faint
#DADAD2 · hsl(60, 10%, 84%)
Analogous echo
Vermillion Pearl Faint
#DAD4D2 · hsl(15, 10%, 84%)
Triadic +120°
Teal Pearl Faint
#D2DAD8 · hsl(160, 10%, 84%)
Triadic +240°
Mulberry Pearl Faint
#D8D2DA · hsl(280, 10%, 84%)
Split-comp +150°
Cerulean Pearl Faint
#D2D9DA · hsl(190, 10%, 84%)
Split-comp +210°
Violet Pearl Faint
#D3D2DA · hsl(250, 10%, 84%)
Export preview
Base: Taupe Gray Pearl #D8D7D4 Lighter companion: Taupe Gray Mist #E7E6E4 Darker companion: Taupe Gray Bloom #C5C3BF Complementary counterpoint: Cobalt Pearl Faint #D2D5DA Analogous lead: Citrine Pearl Faint #DADAD2 Analogous echo: Vermillion Pearl Faint #DAD4D2 Triadic +120°: Teal Pearl Faint #D2DAD8 Triadic +240°: Mulberry Pearl Faint #D8D2DA Split-comp +150°: Cerulean Pearl Faint #D2D9DA Split-comp +210°: Violet Pearl Faint #D3D2DA
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Apricot Pearl Faint
#DAD8D2 · hsl(40, 10%, 84%)
Nearby match
Taupe Gray Mist
#E7E6E4 · hsl(40, 5%, 90%)
Nearby match
Apricot Pearl Muted
#DED9CF · hsl(40, 18%, 84%)
Nearby match
Taupe Gray Bloom
#C5C3BF · hsl(40, 5%, 76%)
Nearby match
Apricot Mist Faint
#E8E6E3 · hsl(40, 10%, 90%)
Nearby match
Taupe Gray Whisper
#F0F0EF · hsl(40, 5%, 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
#D8D8D5
Tritanopia
#D8D5D5
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.