UI Shades

A study in indigo

Medium Purple

#9370DB

Family
Indigo
L
0.627
C
0.158
H
297°

Notes

Medium Purple is a softer, slightly blue-leaning purple at moderate lightness and chroma. The CSS hex reads as restrained and slightly thoughtful, distinct from the more theatrical Medium Orchid. Editorial, educational, and contemplative brands use it as a primary or secondary accent. Pair with cream and warm gold for heritage palettes, or with deep teal for tonal contrast. Against white it carries enough contrast for headlines and large buttons but is borderline for small body text - AA passes only at 18px and above; smaller sizes drop below the threshold.

#9370db
Medium Purple
Medium Purple
#9370db
oklch(0.627 0.158 296.67)
rgb(147 112 219)
hsl(259.6 59.8% 64.9%)
Share
#fcf7ff
#f6efff
#e9ddff
#dac7ff
#be9eff
#9370db
#7e5ac3
#6846a7
#4c307e
#341e59
#1b0d33

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 Medium Purple

Cross-reference
Q&A

Frequently asked questions

What is Medium Purple?

Medium Purple is a softer, slightly blue-leaning purple at moderate lightness and chroma. The CSS hex reads as restrained and slightly thoughtful, distinct from the more theatrical Medium Orchid. Its hex code is #9370DB.

What are the tints and shades of Medium Purple?

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

Its complementary color is #839300. Triadic partners are #CD6A00 and #00A286; analogous neighbours are #B861BA and #5C82E7.

What are the OKLCH and RGB values of Medium Purple?

Medium Purple is #9370DB - OKLCH 0.627 0.158 297°, rgb(147 112 219), in the indigo family.