Preview
#654a68
Family: Purple
Accessibility on this swatch:
Contrast vs white: 7.68:1 · vs black: 2.73:1
HEX
#654a68
RGB
rgb(101, 74, 104)
RGBA
rgba(101, 74, 104, 1)
HSL
hsl(294, 17%, 35%)
HSV
hsv(294, 29%, 41%)
LAB
lab(35.33% 17.24 -12.98)
LCH
lch(35.33% 21.58 323.02)
OKLAB
oklab(0.4493 0.0468 -0.0352)
OKLCH
oklch(0.4493 0.0586 323.05)
XYZ
xyz(10.31, 8.66, 14.22)
CMYK
cmyk(3%, 29%, 0%, 59%)
CSS
color: #654a68;
CSS variable
--color-654a68: #654a68;
SCSS
$color-654a68: #654a68;
Tailwind
purple-600
Export
:root {
--#654a68-1: #654a68;
}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.