Lighter companion
Violet Velvet Clear
#4531A5 · hsl(250, 54%, 42%)
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
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; --colorarchive-violet-dusk-clear-hsl: hsl(250, 54%, 34%); --colorarchive-violet-dusk-clear-rgb: rgb(55, 40, 134); }
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
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%)
Triadic +120°
Ruby Dusk Clear
#863728 · hsl(10, 54%, 34%)
Triadic +240°
Mint Dusk Clear
#288637 · hsl(130, 54%, 34%)
Split-comp +150°
Apricot Dusk Clear
#866628 · hsl(40, 54%, 34%)
Split-comp +210°
Moss Dusk Clear
#478628 · hsl(100, 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 Triadic +120°: Ruby Dusk Clear #863728 Triadic +240°: Mint Dusk Clear #288637 Split-comp +150°: Apricot Dusk Clear #866628 Split-comp +210°: Moss Dusk Clear #478628
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Violet Shadow Clear
#2E216E · hsl(250, 54%, 28%)
Nearby match
Violet Velvet Clear
#4531A5 · hsl(250, 54%, 42%)
Nearby match
Violet Dusk Soft
#433974 · hsl(250, 34%, 34%)
Nearby match
Violet Dusk Vivid
#2C1797 · hsl(250, 74%, 34%)
Nearby match
Violet Nocturne Clear
#21174F · hsl(250, 54%, 20%)
Nearby match
Violet Core Clear
#4E38BC · hsl(250, 54%, 48%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Ready to build
Turn these colors into design tokens
ColorArchive packs include CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.
Appears in collections