Preview
#564e5f
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 7.92:1 · vs black: 2.65:1
HEX
#564e5f
RGB
rgb(86, 78, 95)
RGBA
rgba(86, 78, 95, 1)
HSL
hsl(268, 10%, 34%)
HSV
hsv(268, 18%, 37%)
LAB
lab(34.51% 7.01 -8.71)
LCH
lch(34.51% 11.18 308.83)
OKLAB
oklab(0.4381 0.0174 -0.0235)
OKLCH
oklch(0.4381 0.0292 306.52)
XYZ
xyz(8.63, 8.25, 11.96)
CMYK
cmyk(9%, 18%, 0%, 63%)
CSS
color: #564e5f;
CSS variable
--color-564e5f: #564e5f;
SCSS
$color-564e5f: #564e5f;
Tailwind
violet-600
Export
:root {
--#564e5f-1: #564e5f;
}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.