Preview
#564a61
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 8.24:1 · vs black: 2.55:1
HEX
#564a61
RGB
rgb(86, 74, 97)
RGBA
rgba(86, 74, 97, 1)
HSL
hsl(271, 13%, 34%)
HSV
hsv(271, 24%, 38%)
LAB
lab(33.43% 10.03 -11.6)
LCH
lch(33.43% 15.33 310.85)
OKLAB
oklab(0.43 0.0249 -0.0315)
OKLCH
oklch(0.43 0.0402 308.33)
XYZ
xyz(8.44, 7.74, 12.36)
CMYK
cmyk(11%, 24%, 0%, 62%)
CSS
color: #564a61;
CSS variable
--color-564a61: #564a61;
SCSS
$color-564a61: #564a61;
Tailwind
violet-600
Export
:root {
--#564a61-1: #564a61;
}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.