Preview
#5f4666
Family: Purple
Accessibility on this swatch:
Contrast vs white: 8.22:1 · vs black: 2.55:1
HEX
#5f4666
RGB
rgb(95, 70, 102)
RGBA
rgba(95, 70, 102, 1)
HSL
hsl(287, 19%, 34%)
HSV
hsv(287, 31%, 40%)
LAB
lab(33.51% 17.08 -14.57)
LCH
lch(33.51% 22.45 319.53)
OKLAB
oklab(0.4335 0.0452 -0.0397)
OKLCH
oklch(0.4335 0.0602 318.71)
XYZ
xyz(9.31, 7.77, 13.58)
CMYK
cmyk(7%, 31%, 0%, 60%)
CSS
color: #5f4666;
CSS variable
--color-5f4666: #5f4666;
SCSS
$color-5f4666: #5f4666;
Tailwind
purple-600
Export
:root {
--#5f4666-1: #5f4666;
}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.