Rose Pearl Vivid — #F4B8E0 Hex Color Code

RGB

rgb(244, 184, 224)

HSL

hsl(320, 74%, 84%)

Metrics

S 74% · L 84%

Contrast (WCAG)

on white

1.6:1Fail

on black

12.8:1AA

Recent trail

About this color

Rose Pearl Vivid (#F4B8E0) belongs to the pink family — hue 320°, 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-rose-pearl-vivid: #F4B8E0; /* hsl(320, 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

Rose Mist Vivid

#F8D3EC · hsl(320, 74%, 90%)

Darker companion

Rose Bloom Vivid

#EF95D1 · hsl(320, 74%, 76%)

Complementary counterpoint

Seafoam Pearl Vivid

#B8F4CC · hsl(140, 74%, 84%)

Analogous lead

Garnet Pearl Vivid

#F4B8CC · hsl(340, 74%, 84%)

Analogous echo

Fuchsia Pearl Vivid

#F4B8F4 · hsl(300, 74%, 84%)

Export preview

Base: Rose Pearl Vivid #F4B8E0
Lighter companion: Rose Mist Vivid #F8D3EC
Darker companion: Rose Bloom Vivid #EF95D1
Complementary counterpoint: Seafoam Pearl Vivid #B8F4CC
Analogous lead: Garnet Pearl Vivid #F4B8CC
Analogous echo: Fuchsia Pearl Vivid #F4B8F4