Violet Nocturne Clear — #21174F Hex Color Code

RGB

rgb(33, 23, 79)

HSL

hsl(250, 54%, 20%)

Metrics

S 54% · L 20%

Contrast (WCAG)

on white

16.2:1AA

on black

1.3:1Fail

Recent trail

About this color

Violet Nocturne Clear (#21174F) belongs to the purple family — hue 250°, 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-violet-nocturne-clear: #21174F; /* hsl(250, 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

Violet Shadow Clear

#2E216E · hsl(250, 54%, 28%)

Darker companion

Violet Ink Clear

#171037 · hsl(250, 54%, 14%)

Complementary counterpoint

Honey Nocturne Clear

#454F17 · hsl(70, 54%, 20%)

Analogous lead

Plum Nocturne Clear

#33174F · hsl(270, 54%, 20%)

Analogous echo

Indigo Nocturne Clear

#17214F · hsl(230, 54%, 20%)

Export preview

Base: Violet Nocturne Clear #21174F
Lighter companion: Violet Shadow Clear #2E216E
Darker companion: Violet Ink Clear #171037
Complementary counterpoint: Honey Nocturne Clear #454F17
Analogous lead: Plum Nocturne Clear #33174F
Analogous echo: Indigo Nocturne Clear #17214F