Preview
#5a5468
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 7.23:1 · vs black: 2.9:1
HEX
#5a5468
RGB
rgb(90, 84, 104)
RGBA
rgba(90, 84, 104, 1)
HSL
hsl(258, 11%, 37%)
HSV
hsv(258, 19%, 41%)
LAB
lab(36.96% 6.88 -10.62)
LCH
lch(36.96% 12.65 302.94)
OKLAB
oklab(0.4591 0.0159 -0.0288)
OKLCH
oklch(0.4591 0.0329 298.9)
XYZ
xyz(9.88, 9.51, 14.41)
CMYK
cmyk(13%, 19%, 0%, 59%)
CSS
color: #5a5468;
CSS variable
--color-5a5468: #5a5468;
SCSS
$color-5a5468: #5a5468;
Tailwind
indigo-600
Export
:root {
--#5a5468-1: #5a5468;
}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.