UI Shades

A study in purple

Purple

#800080

Family
Purple
L
0.421
C
0.193
H
328°

Notes

Purple in CSS is #800080, the deep historical purple of Roman ceremonial robes dyed with murex shellfish. The hex sits at mid-low lightness with strong chroma in the magenta-purple zone. Cultural associations are weighty: royalty, mourning, ceremony, music. Arts, premium-service, and heritage brands use it as a primary identity colour. Pair with cream for warmth, or with warm gold for a luxury accent. Body text passes AAA at standard sizes against white; the chroma can still feel intense in long-form text and is best for short copy.

#800080
Purple
Purple
#800080
oklch(0.421 0.193 328.36)
rgb(128 0 128)
hsl(300 100% 25.1%)
Share
#fff1ff
#ffe7ff
#ffceff
#ffafff
#ff74fc
#d43fd2
#b719b7
#9c009c
#800080
#520053
#2e002f

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 Purple

Cross-reference
Q&A

Frequently asked questions

What is Purple?

Purple in CSS is #800080, the deep historical purple of Roman ceremonial robes dyed with murex shellfish. The hex sits at mid-low lightness with strong chroma in the magenta-purple zone. Its hex code is #800080.

What are the tints and shades of Purple?

uishades builds an 11-step OKLCH ramp for Purple (#800080) - 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 Purple?

Its complementary color is #00620F. Triadic partners are #654800 and #005A68; analogous neighbours are #94004C and #5E21A6.

What are the OKLCH and RGB values of Purple?

Purple is #800080 - OKLCH 0.421 0.193 328°, rgb(128 0 128), in the purple family.