Lighter companion
Azure Mist Clear
#D8EAF3 · hsl(200, 54%, 90%)
RGB
rgb(192, 222, 236)
HSL
hsl(200, 54%, 84%)
CMYK
cmyk(19%, 6%, 0%, 7%)
Metrics
S 54% · L 84%
Contrast (WCAG)
on white
1.4:1Fail
on black
14.9:1AA
About this color
Azure Pearl Clear (#C0DEEC) belongs to the blue family — hue 200°, 54% 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-clear: #C0DEEC; --colorarchive-azure-pearl-clear-hsl: hsl(200, 54%, 84%); --colorarchive-azure-pearl-clear-rgb: rgb(192, 222, 236); }
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 Clear
#A1CDE3 · hsl(200, 54%, 76%)
Complementary counterpoint
Ember Pearl Clear
#ECCFC0 · hsl(20, 54%, 84%)
Analogous lead
Cobalt Pearl Clear
#C0CFEC · hsl(220, 54%, 84%)
Analogous echo
Cyan Pearl Clear
#C0ECE9 · hsl(175, 54%, 84%)
Triadic +120°
Rose Pearl Clear
#ECC0DE · hsl(320, 54%, 84%)
Triadic +240°
Olive Pearl Clear
#DEECC0 · hsl(80, 54%, 84%)
Split-comp +150°
Merlot Pearl Clear
#ECC0C8 · hsl(350, 54%, 84%)
Split-comp +210°
Amber Pearl Clear
#ECE5C0 · hsl(50, 54%, 84%)
Export preview
Base: Azure Pearl Clear #C0DEEC Lighter companion: Azure Mist Clear #D8EAF3 Darker companion: Azure Bloom Clear #A1CDE3 Complementary counterpoint: Ember Pearl Clear #ECCFC0 Analogous lead: Cobalt Pearl Clear #C0CFEC Analogous echo: Cyan Pearl Clear #C0ECE9 Triadic +120°: Rose Pearl Clear #ECC0DE Triadic +240°: Olive Pearl Clear #DEECC0 Split-comp +150°: Merlot Pearl Clear #ECC0C8 Split-comp +210°: Amber Pearl Clear #ECE5C0
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Azure Mist Clear
#D8EAF3 · hsl(200, 54%, 90%)
Nearby match
Steel Pearl Clear
#C0DAEC · hsl(205, 54%, 84%)
Nearby match
Azure Bloom Clear
#A1CDE3 · hsl(200, 54%, 76%)
Nearby match
Azure Whisper Clear
#E7F2F8 · hsl(200, 54%, 94%)
Nearby match
Azure Pearl Soft
#C8DBE4 · hsl(200, 34%, 84%)
Nearby match
Azure Pearl Vivid
#B8E0F4 · hsl(200, 74%, 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
#CCCAE8
Protanopia
#CECEE9
Tritanopia
#C2E6E5
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.
Appears in collections