UI Shades

A study in purple

Medium Orchid

#BA55D3

Family
Purple
L
0.626
C
0.202
H
319°

Notes

Medium Orchid is a saturated mid-purple with a slight pink lean, named after the flower. The CSS hex carries high chroma at mid lightness, vivid enough to function as a primary accent. Cosmetic, fashion, and arts brands use it for emphasis. Pair with cream for a softer palette, or with deep teal for richer contrast. Too saturated for body text against white but it works well as a button colour, link state, or display heading. In long-form layouts the chroma fights with the type for foreground attention.

#ba55d3
Medium Orchid
Medium Orchid
#ba55d3
oklch(0.626 0.202 319.23)
rgb(186 85 211)
hsl(288.1 58.9% 58%)
Share
#fff3ff
#ffe9ff
#ffd2ff
#fbb7ff
#e887ff
#ba55d3
#a33ebc
#8a29a0
#661778
#470955
#280330

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 Orchid

Cross-reference
Q&A

Frequently asked questions

What is Medium Orchid?

Medium Orchid is a saturated mid-purple with a slight pink lean, named after the flower. The CSS hex carries high chroma at mid lightness, vivid enough to function as a primary accent. Its hex code is #BA55D3.

What are the tints and shades of Medium Orchid?

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

Its complementary color is #35A200. Triadic partners are #B77A00 and #009EA5; analogous neighbours are #DA459A and #896AF7.

What are the OKLCH and RGB values of Medium Orchid?

Medium Orchid is #BA55D3 - OKLCH 0.626 0.202 319°, rgb(186 85 211), in the purple family.