Violet Dusk Clear — #372886 Hex Color Code

RGB

rgb(55, 40, 134)

HSL

hsl(250, 54%, 34%)

Metrics

S 54% · L 34%

Contrast (WCAG)

on white

11.6:1AA

on black

1.8:1Fail

Recent trail

About this color

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

Violet Velvet Clear

#4531A5 · hsl(250, 54%, 42%)

Darker companion

Violet Shadow Clear

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

Complementary counterpoint

Honey Dusk Clear

#768628 · hsl(70, 54%, 34%)

Analogous lead

Plum Dusk Clear

#572886 · hsl(270, 54%, 34%)

Analogous echo

Indigo Dusk Clear

#283786 · hsl(230, 54%, 34%)

Export preview

Base: Violet Dusk Clear #372886
Lighter companion: Violet Velvet Clear #4531A5
Darker companion: Violet Shadow Clear #2E216E
Complementary counterpoint: Honey Dusk Clear #768628
Analogous lead: Plum Dusk Clear #572886
Analogous echo: Indigo Dusk Clear #283786