UI Shades

A study in indigo

Blue Violet

#8A2BE2

Family
Indigo
L
0.534
C
0.250
H
301°

Notes

Blue Violet is the colour Prince might have specified for a stage cyc light: high chroma, deep enough to feel weighted, bright enough to throb under tungsten. The CSS hex was lifted from the X11 rgb.txt master file and has never been retuned. It carries enough visual mass to function as a heading colour or single accent, but flooding a large area with it tires the eye within a screen-height. Body text against white passes AA at standard sizes thanks to the depth. Try a warm cream #fdf6e3 alongside for a Solarized-adjacent palette, or mustard for poster work in the Bauhaus tradition.

#8a2be2
Blue Violet
Blue Violet
#8a2be2
oklch(0.534 0.25 301.37)
rgb(138 43 226)
hsl(271.1 75.9% 52.7%)
Share
#fef5ff
#f9eeff
#eddbff
#e0c5ff
#c898ff
#a954ff
#8a2be2
#791bca
#5a059a
#3e006f
#220040

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 Blue Violet

Cross-reference
Q&A

Frequently asked questions

What is Blue Violet?

Blue Violet is the colour Prince might have specified for a stage cyc light: high chroma, deep enough to feel weighted, bright enough to throb under tungsten. The CSS hex was lifted from the X11 rgb.txt master file and has never been retuned. Its hex code is #8A2BE2.

What are the tints and shades of Blue Violet?

uishades builds an 11-step OKLCH ramp for Blue Violet (#8A2BE2) - 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 Blue Violet?

Its complementary color is #607900. Triadic partners are #A65400 and #008271; analogous neighbours are #B600AC and #424EFA.

What are the OKLCH and RGB values of Blue Violet?

Blue Violet is #8A2BE2 - OKLCH 0.534 0.250 301°, rgb(138 43 226), in the indigo family.