Violet Radiant Vivid — #5033E1 Hex Color Code

RGB

rgb(80, 51, 225)

HSL

hsl(250, 74%, 54%)

Metrics

S 74% · L 54%

Contrast (WCAG)

on white

7.2:1AA

on black

2.9:1Fail

Recent trail

About this color

Violet Radiant Vivid (#5033E1) belongs to the purple family — hue 250°, 74% saturation, 54% 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-radiant-vivid: #5033E1; /* hsl(250, 74%, 54%) */
}

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 Tone Vivid

#674EE4 · hsl(250, 74%, 60%)

Darker companion

Violet Core Vivid

#3E20D5 · hsl(250, 74%, 48%)

Complementary counterpoint

Honey Radiant Vivid

#C4E133 · hsl(70, 74%, 54%)

Analogous lead

Plum Radiant Vivid

#8A33E1 · hsl(270, 74%, 54%)

Analogous echo

Indigo Radiant Vivid

#3350E1 · hsl(230, 74%, 54%)

Export preview

Base: Violet Radiant Vivid #5033E1
Lighter companion: Violet Tone Vivid #674EE4
Darker companion: Violet Core Vivid #3E20D5
Complementary counterpoint: Honey Radiant Vivid #C4E133
Analogous lead: Plum Radiant Vivid #8A33E1
Analogous echo: Indigo Radiant Vivid #3350E1