Preview
#9c27b0
Family: Purple
Accessibility on this swatch:
Contrast vs white: 6.3:1 · vs black: 3.33:1
HEX
#9c27b0
RGB
rgb(156, 39, 176)
RGBA
rgba(156, 39, 176, 1)
HSL
hsl(291, 64%, 42%)
HSV
hsv(291, 78%, 69%)
LAB
lab(40.66% 64.02 -48.06)
LCH
lch(40.66% 80.05 323.1)
OKLAB
oklab(0.5168 0.1677 -0.1347)
OKLCH
oklch(0.5168 0.2151 321.23)
XYZ
xyz(22.27, 11.65, 42.14)
CMYK
cmyk(11%, 78%, 0%, 31%)
CSS
color: #9c27b0;
CSS variable
--color-9c27b0: #9c27b0;
SCSS
$color-9c27b0: #9c27b0;
Tailwind
purple-500
Export
:root {
--material-purple-500-1: #9c27b0;
}Imagination, luxury, and wisdom. Frequently used for premium, creative, and tech brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Purple family.