Preview
#5c495e
Family: Purple
Accessibility on this swatch:
Contrast vs white: 8.17:1 · vs black: 2.57:1
HEX
#5c495e
RGB
rgb(92, 73, 94)
RGBA
rgba(92, 73, 94, 1)
HSL
hsl(294, 13%, 33%)
HSV
hsv(294, 22%, 37%)
LAB
lab(33.67% 12.26 -9.28)
LCH
lch(33.67% 15.38 322.88)
OKLAB
oklab(0.4329 0.0334 -0.025)
OKLCH
oklch(0.4329 0.0417 323.19)
XYZ
xyz(8.82, 7.85, 11.64)
CMYK
cmyk(2%, 22%, 0%, 63%)
CSS
color: #5c495e;
CSS variable
--color-5c495e: #5c495e;
SCSS
$color-5c495e: #5c495e;
Tailwind
purple-600
Export
:root {
--#5c495e-1: #5c495e;
}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.