Violet Tone Clear — #7462D0 Hex Color Code

RGB

rgb(116, 98, 208)

HSL

hsl(250, 54%, 60%)

Metrics

S 54% · L 60%

Contrast (WCAG)

on white

4.8:1AA

on black

4.4:1AA Large

Recent trail

About this color

Violet Tone Clear (#7462D0) belongs to the purple family — hue 250°, 54% saturation, 60% 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-tone-clear: #7462D0; /* hsl(250, 54%, 60%) */
}

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

#9081D9 · hsl(250, 54%, 68%)

Darker companion

Violet Radiant Clear

#5F4AC9 · hsl(250, 54%, 54%)

Complementary counterpoint

Honey Tone Clear

#BED062 · hsl(70, 54%, 60%)

Analogous lead

Plum Tone Clear

#9962D0 · hsl(270, 54%, 60%)

Analogous echo

Indigo Tone Clear

#6274D0 · hsl(230, 54%, 60%)

Export preview

Base: Violet Tone Clear #7462D0
Lighter companion: Violet Silk Clear #9081D9
Darker companion: Violet Radiant Clear #5F4AC9
Complementary counterpoint: Honey Tone Clear #BED062
Analogous lead: Plum Tone Clear #9962D0
Analogous echo: Indigo Tone Clear #6274D0