Lighter companion
Azure Mist Faint
#E3E6E8 · hsl(200, 10%, 90%)
RGB
rgb(210, 216, 218)
HSL
hsl(200, 10%, 84%)
CMYK
cmyk(4%, 1%, 0%, 15%)
Metrics
S 10% · L 84%
Contrast (WCAG)
on white
1.4:1Fail
on black
14.6:1AA
About this color
Azure Pearl Faint (#D2D8DA) belongs to the blue family — hue 200°, 10% 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-azure-pearl-faint: #D2D8DA; --colorarchive-azure-pearl-faint-hsl: hsl(200, 10%, 84%); --colorarchive-azure-pearl-faint-rgb: rgb(210, 216, 218); }
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 Bloom Faint
#BCC4C8 · hsl(200, 10%, 76%)
Complementary counterpoint
Ember Pearl Faint
#DAD5D2 · hsl(20, 10%, 84%)
Analogous lead
Cobalt Pearl Faint
#D2D5DA · hsl(220, 10%, 84%)
Analogous echo
Aqua Pearl Faint
#D2DADA · hsl(180, 10%, 84%)
Triadic +120°
Rose Pearl Faint
#DAD2D8 · hsl(320, 10%, 84%)
Triadic +240°
Olive Pearl Faint
#D8DAD2 · hsl(80, 10%, 84%)
Split-comp +150°
Merlot Pearl Faint
#DAD2D3 · hsl(350, 10%, 84%)
Split-comp +210°
Amber Pearl Faint
#DAD9D2 · hsl(50, 10%, 84%)
Export preview
Base: Azure Pearl Faint #D2D8DA Lighter companion: Azure Mist Faint #E3E6E8 Darker companion: Azure Bloom Faint #BCC4C8 Complementary counterpoint: Ember Pearl Faint #DAD5D2 Analogous lead: Cobalt Pearl Faint #D2D5DA Analogous echo: Aqua Pearl Faint #D2DADA Triadic +120°: Rose Pearl Faint #DAD2D8 Triadic +240°: Olive Pearl Faint #D8DAD2 Split-comp +150°: Merlot Pearl Faint #DAD2D3 Split-comp +210°: Amber Pearl Faint #DAD9D2
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Azure Pearl Muted
#CFD9DE · hsl(200, 18%, 84%)
Nearby match
Azure Mist Faint
#E3E6E8 · hsl(200, 10%, 90%)
Nearby match
Azure Bloom Faint
#BCC4C8 · hsl(200, 10%, 76%)
Nearby match
Azure Whisper Faint
#EEF0F1 · hsl(200, 10%, 94%)
Nearby match
Azure Mist Muted
#E1E7EA · hsl(200, 18%, 90%)
Nearby match
Azure Bloom Muted
#B7C5CD · hsl(200, 18%, 76%)
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
#D4D4D9
Protanopia
#D5D5DA
Tritanopia
#D2D9D9
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.