A study in indigo
Dark Violet
#9400D3
- Family
- Indigo
- L
- 0.515
- C
- 0.261
- H
- 310°
Notes
Dark Violet is a saturated mid-purple with strong red-leaning undertones, distinct from the cooler Blue Violet. The CSS hex carries enough chroma to function as a primary accent against white at headline sizes. Cosmetic, arts, and premium-service branding use it for visual emphasis. Chartreuse alongside gives complementary tension; deep gold pushes it toward luxury contexts. Larger sizes suit body-text application; at small sizes the contrast against white is on the borderline. Body text contrast against white passes AA at sizes 16px and above, just barely below AAA at body sizes.
Palette built around Dark Violet
Related colors
Frequently asked questions
What is Dark Violet?
Dark Violet is a saturated mid-purple with strong red-leaning undertones, distinct from the cooler Blue Violet. The CSS hex carries enough chroma to function as a primary accent against white at headline sizes. Its hex code is #9400D3.
What are the tints and shades of Dark Violet?
uishades builds an 11-step OKLCH ramp for Dark Violet (#9400D3) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.
What colors pair well with Dark Violet?
Its complementary color is #477800. Triadic partners are #965600 and #007A75; analogous neighbours are #B70092 and #5838F6.
What are the OKLCH and RGB values of Dark Violet?
Dark Violet is #9400D3 - OKLCH 0.515 0.261 310°, rgb(148 0 211), in the indigo family.