Preview
#564458
Family: Purple
Accessibility on this swatch:
Contrast vs white: 8.89:1 · vs black: 2.36:1
HEX
#564458
RGB
rgb(86, 68, 88)
RGBA
rgba(86, 68, 88, 1)
HSL
hsl(294, 13%, 31%)
HSV
hsv(294, 23%, 35%)
LAB
lab(31.39% 11.77 -8.96)
LCH
lch(31.39% 14.79 322.72)
OKLAB
oklab(0.4131 0.032 -0.0241)
OKLCH
oklch(0.4131 0.0401 323.02)
XYZ
xyz(7.67, 6.82, 10.14)
CMYK
cmyk(2%, 23%, 0%, 65%)
CSS
color: #564458;
CSS variable
--color-564458: #564458;
SCSS
$color-564458: #564458;
Tailwind
purple-600
Export
:root {
--#564458-1: #564458;
}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.