UI Shades

A study in purple

Material Purple 500

#9C27B0

Family
Purple
L
0.517
C
0.215
H
321°

Notes

Material Purple 500 is the saturated mid-purple in Material Design 2's primary palette. The hex sits between Material Pink and Material Deep Purple and reads as confident without being theatrical. It works as a primary accent in Material-themed projects, or as a secondary colour for cosmetics, music, or premium services. Pair with deep gray for type, or with gold for a luxury contrast. Body text against white passes AA at standard body sizes, though the saturation can feel intense in long blocks of running text.

#9c27b0
Material Purple 500
Material Purple 500
#9c27b0
oklch(0.517 0.215 321.24)
rgb(156 39 176)
hsl(291.2 63.7% 42.2%)
Share
#fff2ff
#ffe9ff
#ffd1ff
#ffb4ff
#f07eff
#c64ddc
#ab2fc0
#9c27b0
#6c037c
#4c0058
#2a0032

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 Material Purple 500

Cross-reference

Related colors

Q&A

Frequently asked questions

What is Material Purple 500?

Material Purple 500 is the saturated mid-purple in Material Design 2's primary palette. The hex sits between Material Pink and Material Deep Purple and reads as confident without being theatrical. Its hex code is #9C27B0.

What are the tints and shades of Material Purple 500?

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

Its complementary color is #008100. Triadic partners are #8C5E00 and #007981; analogous neighbours are #B90076 and #6F40D6.

What are the OKLCH and RGB values of Material Purple 500?

Material Purple 500 is #9C27B0 - OKLCH 0.517 0.215 321°, rgb(156 39 176), in the purple family.