UI Shades

A study in purple

Dark Magenta

#8B008B

Family
Purple
L
0.447
C
0.205
H
328°

Notes

Dark Magenta is a deep, slightly red-leaning purple, sitting between true purple and magenta. The CSS hex is rich enough for legible button states and small text against white. Cultural associations are mixed: religious, theatrical, and luxurious depending on context. Cosmetics, premium services, and arts organizations use it as a brand accent. Chartreuse alongside gives complementary tension; deep cream makes an editorial palette. Hero sections suit full-area use; over large UI surfaces it feels heavy and can compete with the type for foreground attention. Body text against white passes AAA at standard sizes.

#8b008b
Dark Magenta
Dark Magenta
#8b008b
oklch(0.447 0.205 328.36)
rgb(139 0 139)
hsl(300 100% 27.3%)
Share
#fff1ff
#ffe7ff
#ffceff
#ffafff
#f87df4
#cd4dcb
#b12fb0
#8b008b
#700570
#4f004f
#2c002c

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 Magenta

Cross-reference
Q&A

Frequently asked questions

What is Dark Magenta?

Dark Magenta is a deep, slightly red-leaning purple, sitting between true purple and magenta. The CSS hex is rich enough for legible button states and small text against white. Its hex code is #8B008B.

What are the tints and shades of Dark Magenta?

uishades builds an 11-step OKLCH ramp for Dark Magenta (#8B008B) - 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 Magenta?

Its complementary color is #006A13. Triadic partners are #6D4F00 and #006270; analogous neighbours are #A10053 and #6725B3.

What are the OKLCH and RGB values of Dark Magenta?

Dark Magenta is #8B008B - OKLCH 0.447 0.205 328°, rgb(139 0 139), in the purple family.