Preview
#5a4e72
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 7.59:1 · vs black: 2.77:1
HEX
#5a4e72
RGB
rgb(90, 78, 114)
RGBA
rgba(90, 78, 114, 1)
HSL
hsl(260, 19%, 38%)
HSV
hsv(260, 32%, 45%)
LAB
lab(35.67% 13.15 -18.81)
LCH
lch(35.67% 22.95 304.96)
OKLAB
oklab(0.4505 0.0291 -0.0518)
OKLCH
oklch(0.4505 0.0594 299.33)
XYZ
xyz(9.98, 8.84, 17.10)
CMYK
cmyk(21%, 32%, 0%, 55%)
CSS
color: #5a4e72;
CSS variable
--color-5a4e72: #5a4e72;
SCSS
$color-5a4e72: #5a4e72;
Tailwind
violet-600
Export
:root {
--#5a4e72-1: #5a4e72;
}Mystery, ambition, and creativity. Strong for artistic and spiritual associations.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Purple family.