Preview
#654f68
Family: Purple
Accessibility on this swatch:
Contrast vs white: 7.31:1 · vs black: 2.87:1
HEX
#654f68
RGB
rgb(101, 79, 104)
RGBA
rgba(101, 79, 104, 1)
HSL
hsl(293, 14%, 36%)
HSV
hsv(293, 24%, 41%)
LAB
lab(36.67% 14.13 -10.95)
LCH
lch(36.67% 17.88 322.23)
OKLAB
oklab(0.4595 0.0383 -0.0295)
OKLCH
oklch(0.4595 0.0483 322.4)
XYZ
xyz(10.66, 9.36, 14.34)
CMYK
cmyk(3%, 24%, 0%, 59%)
CSS
color: #654f68;
CSS variable
--color-654f68: #654f68;
SCSS
$color-654f68: #654f68;
Tailwind
purple-600
Export
:root {
--#654f68-1: #654f68;
}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.