Magenta Bloom Clear — #D8A1E3 Hex Color Code

RGB

rgb(216, 161, 227)

HSL

hsl(290, 54%, 76%)

Metrics

S 54% · L 76%

Contrast (WCAG)

on white

2.1:1Fail

on black

10.1:1AA

Recent trail

About this color

Magenta Bloom Clear (#D8A1E3) belongs to the pink family — hue 290°, 54% saturation, 76% 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-magenta-bloom-clear: #D8A1E3; /* hsl(290, 54%, 76%) */
}

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

Magenta Pearl Clear

#E5C0EC · hsl(290, 54%, 84%)

Darker companion

Magenta Silk Clear

#CB81D9 · hsl(290, 54%, 68%)

Complementary counterpoint

Leaf Bloom Clear

#ACE3A1 · hsl(110, 54%, 76%)

Analogous lead

Peony Bloom Clear

#E3A1D8 · hsl(310, 54%, 76%)

Analogous echo

Plum Bloom Clear

#C2A1E3 · hsl(270, 54%, 76%)

Export preview

Base: Magenta Bloom Clear #D8A1E3
Lighter companion: Magenta Pearl Clear #E5C0EC
Darker companion: Magenta Silk Clear #CB81D9
Complementary counterpoint: Leaf Bloom Clear #ACE3A1
Analogous lead: Peony Bloom Clear #E3A1D8
Analogous echo: Plum Bloom Clear #C2A1E3