Lighter companion
Taupe Gray Whisper
#F0F0EF · hsl(40, 5%, 94%)
RGB
rgb(231, 230, 228)
HSL
hsl(40, 5%, 90%)
CMYK
cmyk(0%, 0%, 1%, 9%)
Metrics
S 5% · L 90%
Contrast (WCAG)
on white
1.2:1Fail
on black
16.8:1AA
About this color
Taupe Gray Mist (#E7E6E4) belongs to the orange family — hue 40°, 5% saturation, 90% 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-mist: #E7E6E4; --colorarchive-taupe-gray-mist-hsl: hsl(40, 5%, 90%); --colorarchive-taupe-gray-mist-rgb: rgb(231, 230, 228); }
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 Pearl
#D8D7D4 · hsl(40, 5%, 84%)
Complementary counterpoint
Cobalt Mist Faint
#E3E5E8 · hsl(220, 10%, 90%)
Analogous lead
Citrine Mist Faint
#E8E8E3 · hsl(60, 10%, 90%)
Analogous echo
Vermillion Mist Faint
#E8E4E3 · hsl(15, 10%, 90%)
Triadic +120°
Teal Mist Faint
#E3E8E6 · hsl(160, 10%, 90%)
Triadic +240°
Mulberry Mist Faint
#E6E3E8 · hsl(280, 10%, 90%)
Split-comp +150°
Cerulean Mist Faint
#E3E7E8 · hsl(190, 10%, 90%)
Split-comp +210°
Violet Mist Faint
#E4E3E8 · hsl(250, 10%, 90%)
Export preview
Base: Taupe Gray Mist #E7E6E4 Lighter companion: Taupe Gray Whisper #F0F0EF Darker companion: Taupe Gray Pearl #D8D7D4 Complementary counterpoint: Cobalt Mist Faint #E3E5E8 Analogous lead: Citrine Mist Faint #E8E8E3 Analogous echo: Vermillion Mist Faint #E8E4E3 Triadic +120°: Teal Mist Faint #E3E8E6 Triadic +240°: Mulberry Mist Faint #E6E3E8 Split-comp +150°: Cerulean Mist Faint #E3E7E8 Split-comp +210°: Violet Mist Faint #E4E3E8
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Apricot Mist Faint
#E8E6E3 · hsl(40, 10%, 90%)
Nearby match
Taupe Gray Whisper
#F0F0EF · hsl(40, 5%, 94%)
Nearby match
Taupe Gray Pearl
#D8D7D4 · hsl(40, 5%, 84%)
Nearby match
Apricot Whisper Faint
#F1F0EE · hsl(40, 10%, 94%)
Nearby match
Apricot Mist Muted
#EAE7E1 · hsl(40, 18%, 90%)
Nearby match
Taupe Gray Veil
#FAFAFA · hsl(40, 5%, 98%)
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
#E7E7E5
Protanopia
#E7E7E4
Tritanopia
#E7E5E5
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.