Lighter companion
Iris Whisper Faint
#EEEEF1 · hsl(240, 10%, 94%)
RGB
rgb(227, 227, 232)
HSL
hsl(240, 10%, 90%)
CMYK
cmyk(2%, 2%, 0%, 9%)
Metrics
S 10% · L 90%
Contrast (WCAG)
on white
1.3:1Fail
on black
16.4:1AA
About this color
Iris Mist Faint (#E3E3E8) belongs to the blue family — hue 240°, 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-iris-mist-faint: #E3E3E8; --colorarchive-iris-mist-faint-hsl: hsl(240, 10%, 90%); --colorarchive-iris-mist-faint-rgb: rgb(227, 227, 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
Iris Pearl Faint
#D2D2DA · hsl(240, 10%, 84%)
Complementary counterpoint
Citrine Mist Faint
#E8E8E3 · hsl(60, 10%, 90%)
Analogous lead
Orchid Mist Faint
#E5E3E8 · hsl(260, 10%, 90%)
Analogous echo
Cobalt Mist Faint
#E3E5E8 · hsl(220, 10%, 90%)
Triadic +120°
Crimson Mist Faint
#E8E3E3 · hsl(0, 10%, 90%)
Triadic +240°
Emerald Mist Faint
#E3E8E3 · hsl(120, 10%, 90%)
Split-comp +150°
Coral Mist Faint
#E8E6E3 · hsl(30, 10%, 90%)
Split-comp +210°
Lime Mist Faint
#E6E8E3 · hsl(90, 10%, 90%)
Export preview
Base: Iris Mist Faint #E3E3E8 Lighter companion: Iris Whisper Faint #EEEEF1 Darker companion: Iris Pearl Faint #D2D2DA Complementary counterpoint: Citrine Mist Faint #E8E8E3 Analogous lead: Orchid Mist Faint #E5E3E8 Analogous echo: Cobalt Mist Faint #E3E5E8 Triadic +120°: Crimson Mist Faint #E8E3E3 Triadic +240°: Emerald Mist Faint #E3E8E3 Split-comp +150°: Coral Mist Faint #E8E6E3 Split-comp +210°: Lime Mist Faint #E6E8E3
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Iris Whisper Faint
#EEEEF1 · hsl(240, 10%, 94%)
Nearby match
Iris Mist Muted
#E1E1EA · hsl(240, 18%, 90%)
Nearby match
Iris Pearl Faint
#D2D2DA · hsl(240, 10%, 84%)
Nearby match
Iris Veil Faint
#F9F9FA · hsl(240, 10%, 98%)
Nearby match
Iris Whisper Muted
#EDEDF2 · hsl(240, 18%, 94%)
Nearby match
Iris Pearl Muted
#CFCFDE · hsl(240, 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
#E3E3E7
Protanopia
#E3E3E7
Tritanopia
#E3E6E6
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.