Preview
#564363
Family: Purple
Accessibility on this swatch:
Contrast vs white: 8.83:1 · vs black: 2.38:1
HEX
#564363
RGB
rgb(86, 67, 99)
RGBA
rgba(86, 67, 99, 1)
HSL
hsl(276, 19%, 33%)
HSV
hsv(276, 32%, 39%)
LAB
lab(31.56% 14.99 -15.73)
LCH
lch(31.56% 21.73 313.62)
OKLAB
oklab(0.4159 0.0375 -0.0431)
OKLCH
oklch(0.4159 0.0571 311.03)
XYZ
xyz(8.10, 6.89, 12.71)
CMYK
cmyk(13%, 32%, 0%, 61%)
CSS
color: #564363;
CSS variable
--color-564363: #564363;
SCSS
$color-564363: #564363;
Tailwind
violet-600
Export
:root {
--#564363-1: #564363;
}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.