Preview
#571662
Family: Purple
Accessibility on this swatch:
Contrast vs white: 12.38:1 · vs black: 1.7:1
HEX
#571662
RGB
rgb(87, 22, 98)
RGBA
rgba(87, 22, 98, 1)
HSL
hsl(291, 63%, 24%)
HSV
hsv(291, 78%, 38%)
LAB
lab(21.88% 40.37 -30.28)
LCH
lch(21.88% 50.46 323.13)
OKLAB
oklab(0.3443 0.1062 -0.0847)
OKLCH
oklch(0.3443 0.1358 321.43)
XYZ
xyz(6.42, 3.48, 11.89)
CMYK
cmyk(11%, 78%, 0%, 62%)
CSS
color: #571662;
CSS variable
--color-571662: #571662;
SCSS
$color-571662: #571662;
Tailwind
purple-700
Export
:root {
--#571662-1: #571662;
}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.