Preview
#564f69
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 7.73:1 · vs black: 2.72:1
HEX
#564f69
RGB
rgb(86, 79, 105)
RGBA
rgba(86, 79, 105, 1)
HSL
hsl(256, 14%, 36%)
HSV
hsv(256, 25%, 41%)
LAB
lab(35.18% 8.81 -13.97)
LCH
lch(35.18% 16.52 302.24)
OKLAB
oklab(0.4446 0.0194 -0.0382)
OKLCH
oklch(0.4446 0.0428 296.92)
XYZ
xyz(9.18, 8.59, 14.54)
CMYK
cmyk(18%, 25%, 0%, 59%)
CSS
color: #564f69;
CSS variable
--color-564f69: #564f69;
SCSS
$color-564f69: #564f69;
Tailwind
indigo-600
Export
:root {
--#564f69-1: #564f69;
}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.