Lighter companion
Azure Whisper Clear
#E7F2F8 · hsl(200, 54%, 94%)
RGB
rgb(216, 234, 243)
HSL
hsl(200, 54%, 90%)
CMYK
cmyk(11%, 4%, 0%, 5%)
Metrics
S 54% · L 90%
Contrast (WCAG)
on white
1.2:1Fail
on black
17:1AA
About this color
Azure Mist Clear (#D8EAF3) belongs to the blue family — hue 200°, 54% 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-clear: #D8EAF3; --colorarchive-azure-mist-clear-hsl: hsl(200, 54%, 90%); --colorarchive-azure-mist-clear-rgb: rgb(216, 234, 243); }
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 Clear
#C0DEEC · hsl(200, 54%, 84%)
Complementary counterpoint
Ember Mist Clear
#F3E1D8 · hsl(20, 54%, 90%)
Analogous lead
Cobalt Mist Clear
#D8E1F3 · hsl(220, 54%, 90%)
Analogous echo
Cyan Mist Clear
#D8F3F1 · hsl(175, 54%, 90%)
Triadic +120°
Rose Mist Clear
#F3D8EA · hsl(320, 54%, 90%)
Triadic +240°
Olive Mist Clear
#EAF3D8 · hsl(80, 54%, 90%)
Split-comp +150°
Merlot Mist Clear
#F3D8DC · hsl(350, 54%, 90%)
Split-comp +210°
Amber Mist Clear
#F3EFD8 · hsl(50, 54%, 90%)
Export preview
Base: Azure Mist Clear #D8EAF3 Lighter companion: Azure Whisper Clear #E7F2F8 Darker companion: Azure Pearl Clear #C0DEEC Complementary counterpoint: Ember Mist Clear #F3E1D8 Analogous lead: Cobalt Mist Clear #D8E1F3 Analogous echo: Cyan Mist Clear #D8F3F1 Triadic +120°: Rose Mist Clear #F3D8EA Triadic +240°: Olive Mist Clear #EAF3D8 Split-comp +150°: Merlot Mist Clear #F3D8DC Split-comp +210°: Amber Mist Clear #F3EFD8
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Azure Whisper Clear
#E7F2F8 · hsl(200, 54%, 94%)
Nearby match
Azure Pearl Clear
#C0DEEC · hsl(200, 54%, 84%)
Nearby match
Steel Mist Clear
#D8E8F3 · hsl(205, 54%, 90%)
Nearby match
Azure Veil Clear
#F7FBFD · hsl(200, 54%, 98%)
Nearby match
Steel Whisper Clear
#E7F1F8 · hsl(205, 54%, 94%)
Nearby match
Azure Mist Soft
#DDE8EE · hsl(200, 34%, 90%)
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
#DFDEF0
Protanopia
#E0E0F1
Tritanopia
#D9EFEF
Ready to build
Turn these colors into design tokens
ColorArchive Pro includes CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.