Material Design Colors

Purple 500

#9C27B0

CSS Values

HEX#9C27B0
RGBrgb(156, 39, 176)
HSLhsl(291, 64%, 42%)
HSL (modern)hsl(291deg 64% 42%)
OKLCHoklch(51.7% 0.2151 321deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 6.3:1AA: PassAAA: FailAA Large: Pass
AaText on black
Ratio: 3.33:1AA: FailAAA: FailAA Large: Pass

Other Purple shades

Accent shades

Nearest Named Colors

See all
Tailwind CSS
fuchsia-700
Open Color
grape-8
Radix Colors
plum-11
CSS Named
darkorchid
iOS HIG
accessible-purple
Crayola
plum
Bootstrap 5
purple-500
Munsell
5P-5-10
Ant Design
purple-5
RAL Classic
4006