Garnet Pearl Clear — #ECC0CF Hex Color Code

RGB

rgb(236, 192, 207)

HSL

hsl(340, 54%, 84%)

Metrics

S 54% · L 84%

Contrast (WCAG)

on white

1.6:1Fail

on black

13:1AA

Recent trail

About this color

Garnet Pearl Clear (#ECC0CF) belongs to the pink family — hue 340°, 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-garnet-pearl-clear: #ECC0CF; /* hsl(340, 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

Garnet Mist Clear

#F3D8E1 · hsl(340, 54%, 90%)

Darker companion

Garnet Bloom Clear

#E3A1B7 · hsl(340, 54%, 76%)

Complementary counterpoint

Teal Pearl Clear

#C0ECDE · hsl(160, 54%, 84%)

Analogous lead

Crimson Pearl Clear

#ECC0C0 · hsl(0, 54%, 84%)

Analogous echo

Rose Pearl Clear

#ECC0DE · hsl(320, 54%, 84%)

Export preview

Base: Garnet Pearl Clear #ECC0CF
Lighter companion: Garnet Mist Clear #F3D8E1
Darker companion: Garnet Bloom Clear #E3A1B7
Complementary counterpoint: Teal Pearl Clear #C0ECDE
Analogous lead: Crimson Pearl Clear #ECC0C0
Analogous echo: Rose Pearl Clear #ECC0DE