UI Shades

A study in indigo

Dark Orchid

#9932CC

Family
Indigo
L
0.541
C
0.227
H
312°

Notes

Dark Orchid is a vivid mid-purple named after the bloom rather than the leaf. The CSS hex has high chroma at mid-low lightness and reads as theatrical purple. Cosmetics, music, and arts branding use it as a primary accent. Deep teal or gold alongside gives a luxury palette; pale cream softens the contrast. It is too saturated for large surfaces but works well as a button color, link state, or display heading on white backgrounds. Body text contrast against white passes AA at standard sizes; the saturation level can feel intense in long blocks of text and suits headlines best.

#9932cc
Dark Orchid
Dark Orchid
#9932cc
oklch(0.541 0.227 311.51)
rgb(153 50 204)
hsl(280.1 60.6% 49.8%)
Share
#fff4ff
#ffebff
#f7d7ff
#eebeff
#dc8bff
#b754ed
#9932cc
#8521b4
#620e88
#450161
#260038

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 Orchid

Cross-reference
Q&A

Frequently asked questions

What is Dark Orchid?

Dark Orchid is a vivid mid-purple named after the bloom rather than the leaf. The CSS hex has high chroma at mid-low lightness and reads as theatrical purple. Its hex code is #9932CC.

What are the tints and shades of Dark Orchid?

uishades builds an 11-step OKLCH ramp for Dark Orchid (#9932CC) - 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 Orchid?

Its complementary color is #478100. Triadic partners are #9F5E00 and #00837F; analogous neighbours are #BD0F94 and #624DEC.

What are the OKLCH and RGB values of Dark Orchid?

Dark Orchid is #9932CC - OKLCH 0.541 0.227 312°, rgb(153 50 204), in the indigo family.