Plum Dusk Clear — #572886 Hex Color Code

RGB

rgb(87, 40, 134)

HSL

hsl(270, 54%, 34%)

Metrics

S 54% · L 34%

Contrast (WCAG)

on white

10.2:1AA

on black

2.1:1Fail

Recent trail

About this color

Plum Dusk Clear (#572886) belongs to the purple family — hue 270°, 54% saturation, 34% 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-plum-dusk-clear: #572886; /* hsl(270, 54%, 34%) */
}

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

Plum Velvet Clear

#6B31A5 · hsl(270, 54%, 42%)

Darker companion

Plum Shadow Clear

#47216E · hsl(270, 54%, 28%)

Complementary counterpoint

Lime Dusk Clear

#578628 · hsl(90, 54%, 34%)

Analogous lead

Magenta Dusk Clear

#762886 · hsl(290, 54%, 34%)

Analogous echo

Violet Dusk Clear

#372886 · hsl(250, 54%, 34%)

Export preview

Base: Plum Dusk Clear #572886
Lighter companion: Plum Velvet Clear #6B31A5
Darker companion: Plum Shadow Clear #47216E
Complementary counterpoint: Lime Dusk Clear #578628
Analogous lead: Magenta Dusk Clear #762886
Analogous echo: Violet Dusk Clear #372886