Plum Nocturne Vivid — #330D59 Hex Color Code

RGB

rgb(51, 13, 89)

HSL

hsl(270, 74%, 20%)

Metrics

S 74% · L 20%

Contrast (WCAG)

on white

15.6:1AA

on black

1.3:1Fail

Recent trail

About this color

Plum Nocturne Vivid (#330D59) belongs to the purple family — hue 270°, 74% 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-vivid: #330D59; /* hsl(270, 74%, 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 Vivid

#47137C · hsl(270, 74%, 28%)

Darker companion

Plum Ink Vivid

#24093E · hsl(270, 74%, 14%)

Complementary counterpoint

Lime Nocturne Vivid

#33590D · hsl(90, 74%, 20%)

Analogous lead

Magenta Nocturne Vivid

#4C0D59 · hsl(290, 74%, 20%)

Analogous echo

Violet Nocturne Vivid

#1A0D59 · hsl(250, 74%, 20%)

Export preview

Base: Plum Nocturne Vivid #330D59
Lighter companion: Plum Shadow Vivid #47137C
Darker companion: Plum Ink Vivid #24093E
Complementary counterpoint: Lime Nocturne Vivid #33590D
Analogous lead: Magenta Nocturne Vivid #4C0D59
Analogous echo: Violet Nocturne Vivid #1A0D59