Lighter companion
Azure Whisper Faint
#EEF0F1 · hsl(200, 10%, 94%)
RGB
rgb(227, 230, 232)
HSL
hsl(200, 10%, 90%)
CMYK
cmyk(2%, 1%, 0%, 9%)
Metrics
S 10% · L 90%
Contrast (WCAG)
on white
1.3:1Fail
on black
16.8:1AA
About this color
Azure Mist Faint (#E3E6E8) belongs to the blue family — hue 200°, 10% 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-azure-mist-faint: #E3E6E8; --colorarchive-azure-mist-faint-hsl: hsl(200, 10%, 90%); --colorarchive-azure-mist-faint-rgb: rgb(227, 230, 232); }
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
Azure Pearl Faint
#D2D8DA · hsl(200, 10%, 84%)
Complementary counterpoint
Ember Mist Faint
#E8E5E3 · hsl(20, 10%, 90%)
Analogous lead
Cobalt Mist Faint
#E3E5E8 · hsl(220, 10%, 90%)
Analogous echo
Aqua Mist Faint
#E3E8E8 · hsl(180, 10%, 90%)
Triadic +120°
Rose Mist Faint
#E8E3E6 · hsl(320, 10%, 90%)
Triadic +240°
Olive Mist Faint
#E6E8E3 · hsl(80, 10%, 90%)
Split-comp +150°
Merlot Mist Faint
#E8E3E4 · hsl(350, 10%, 90%)
Split-comp +210°
Amber Mist Faint
#E8E7E3 · hsl(50, 10%, 90%)
Export preview
Base: Azure Mist Faint #E3E6E8 Lighter companion: Azure Whisper Faint #EEF0F1 Darker companion: Azure Pearl Faint #D2D8DA Complementary counterpoint: Ember Mist Faint #E8E5E3 Analogous lead: Cobalt Mist Faint #E3E5E8 Analogous echo: Aqua Mist Faint #E3E8E8 Triadic +120°: Rose Mist Faint #E8E3E6 Triadic +240°: Olive Mist Faint #E6E8E3 Split-comp +150°: Merlot Mist Faint #E8E3E4 Split-comp +210°: Amber Mist Faint #E8E7E3
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Azure Whisper Faint
#EEF0F1 · hsl(200, 10%, 94%)
Nearby match
Azure Mist Muted
#E1E7EA · hsl(200, 18%, 90%)
Nearby match
Azure Pearl Faint
#D2D8DA · hsl(200, 10%, 84%)
Nearby match
Azure Veil Faint
#F9FAFA · hsl(200, 10%, 98%)
Nearby match
Azure Whisper Muted
#EDF1F2 · hsl(200, 18%, 94%)
Nearby match
Azure Pearl Muted
#CFD9DE · hsl(200, 18%, 84%)
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
#E4E4E7
Protanopia
#E4E4E8
Tritanopia
#E3E7E7
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.