Plum Nocturne Clear — #33174F Hex Color Code

RGB

rgb(51, 23, 79)

HSL

hsl(270, 54%, 20%)

Metrics

S 54% · L 20%

Contrast (WCAG)

on white

15.3:1AA

on black

1.4:1Fail

Recent trail

About this color

Plum Nocturne Clear (#33174F) belongs to the purple family — hue 270°, 54% saturation, 20% 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-nocturne-clear: #33174F; /* hsl(270, 54%, 20%) */
}

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 Shadow Clear

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

Darker companion

Plum Ink Clear

#241037 · hsl(270, 54%, 14%)

Complementary counterpoint

Lime Nocturne Clear

#334F17 · hsl(90, 54%, 20%)

Analogous lead

Magenta Nocturne Clear

#45174F · hsl(290, 54%, 20%)

Analogous echo

Violet Nocturne Clear

#21174F · hsl(250, 54%, 20%)

Export preview

Base: Plum Nocturne Clear #33174F
Lighter companion: Plum Shadow Clear #47216E
Darker companion: Plum Ink Clear #241037
Complementary counterpoint: Lime Nocturne Clear #334F17
Analogous lead: Magenta Nocturne Clear #45174F
Analogous echo: Violet Nocturne Clear #21174F