Preview
#ab47bc
Family: Purple
Accessibility on this swatch:
Contrast vs white: 4.82:1 · vs black: 4.36:1
HEX
#ab47bc
RGB
rgb(171, 71, 188)
RGBA
rgba(171, 71, 188, 1)
HSL
hsl(291, 47%, 51%)
HSV
hsv(291, 62%, 74%)
LAB
lab(48% 57.31 -43.26)
LCH
lch(48% 71.8 322.95)
OKLAB
oklab(0.5763 0.1519 -0.1204)
OKLCH
oklch(0.5763 0.1938 321.6)
XYZ
xyz(28.12, 16.80, 49.33)
CMYK
cmyk(9%, 62%, 0%, 26%)
CSS
color: #ab47bc;
CSS variable
--color-ab47bc: #ab47bc;
SCSS
$color-ab47bc: #ab47bc;
Tailwind
purple-400
Export
:root {
--material-purple-400-1: #ab47bc;
}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.