Azure Pearl Clear — #C0DEEC Hex Color Code

RGB

rgb(192, 222, 236)

HSL

hsl(200, 54%, 84%)

Metrics

S 54% · L 84%

Contrast (WCAG)

on white

1.4:1Fail

on black

14.9:1AA

Recent trail

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; /* hsl(200, 54%, 84%) */
}

Tonal strip

All lightness levels at this hue and saturation. Click any to navigate.

Palette moves

Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.

Lighter companion

Azure Mist Clear

#D8EAF3 · hsl(200, 54%, 90%)

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

Aqua Pearl Clear

#C0ECEC · hsl(180, 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: Aqua Pearl Clear #C0ECEC