Garnet Pearl Vivid — #F4B8CC Hex Color Code

RGB

rgb(244, 184, 204)

HSL

hsl(340, 74%, 84%)

Metrics

S 74% · L 84%

Contrast (WCAG)

on white

1.7:1Fail

on black

12.6:1AA

Recent trail

About this color

Garnet Pearl Vivid (#F4B8CC) belongs to the pink family — hue 340°, 74% 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-vivid: #F4B8CC; /* hsl(340, 74%, 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 Vivid

#F8D3DF · hsl(340, 74%, 90%)

Darker companion

Garnet Bloom Vivid

#EF95B3 · hsl(340, 74%, 76%)

Complementary counterpoint

Teal Pearl Vivid

#B8F4E0 · hsl(160, 74%, 84%)

Analogous lead

Crimson Pearl Vivid

#F4B8B8 · hsl(0, 74%, 84%)

Analogous echo

Rose Pearl Vivid

#F4B8E0 · hsl(320, 74%, 84%)

Export preview

Base: Garnet Pearl Vivid #F4B8CC
Lighter companion: Garnet Mist Vivid #F8D3DF
Darker companion: Garnet Bloom Vivid #EF95B3
Complementary counterpoint: Teal Pearl Vivid #B8F4E0
Analogous lead: Crimson Pearl Vivid #F4B8B8
Analogous echo: Rose Pearl Vivid #F4B8E0