UI Shades

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.

#9400d3
Dark Violet
Dark Violet
#9400d3
oklch(0.515 0.261 309.81)
rgb(148 0 211)
hsl(282.1 100% 41.4%)
Share
#fff4ff
#feecff
#f5d7ff
#ebbfff
#d88eff
#bd3eff
#a310e6
#9400d3
#660097
#47006b
#28003f

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Dark Violet

Cross-reference
Q&A

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.