Preview
#564b71
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 7.95:1 · vs black: 2.64:1
HEX
#564b71
RGB
rgb(86, 75, 113)
RGBA
rgba(86, 75, 113, 1)
HSL
hsl(257, 20%, 37%)
HSV
hsv(257, 34%, 44%)
LAB
lab(34.4% 13.43 -20.18)
LCH
lch(34.4% 24.24 303.64)
OKLAB
oklab(0.4397 0.0285 -0.0558)
OKLCH
oklch(0.4397 0.0627 297.06)
XYZ
xyz(9.33, 8.20, 16.71)
CMYK
cmyk(24%, 34%, 0%, 56%)
CSS
color: #564b71;
CSS variable
--color-564b71: #564b71;
SCSS
$color-564b71: #564b71;
Tailwind
indigo-600
Export
:root {
--#564b71-1: #564b71;
}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.