Preview
#554958
Family: Purple
Accessibility on this swatch:
Contrast vs white: 8.47:1 · vs black: 2.48:1
HEX
#554958
RGB
rgb(85, 73, 88)
RGBA
rgba(85, 73, 88, 1)
HSL
hsl(288, 9%, 32%)
HSV
hsv(288, 17%, 35%)
LAB
lab(32.7% 8.19 -6.99)
LCH
lch(32.7% 10.77 319.52)
OKLAB
oklab(0.423 0.0219 -0.0188)
OKLCH
oklch(0.423 0.0289 319.36)
XYZ
xyz(7.89, 7.40, 10.24)
CMYK
cmyk(3%, 17%, 0%, 65%)
CSS
color: #554958;
CSS variable
--color-554958: #554958;
SCSS
$color-554958: #554958;
Tailwind
purple-600
Export
:root {
--#554958-1: #554958;
}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.