Preview
#562e8a
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 9.75:1 · vs black: 2.15:1
HEX
#562e8a
RGB
rgb(86, 46, 138)
RGBA
rgba(86, 46, 138, 1)
HSL
hsl(266, 50%, 36%)
HSV
hsv(266, 67%, 54%)
LAB
lab(28.82% 38.05 -44.63)
LCH
lch(28.82% 58.65 310.45)
OKLAB
oklab(0.4029 0.0727 -0.127)
OKLCH
oklch(0.4029 0.1463 299.79)
XYZ
xyz(9.40, 5.77, 24.66)
CMYK
cmyk(38%, 67%, 0%, 46%)
CSS
color: #562e8a;
CSS variable
--color-562e8a: #562e8a;
SCSS
$color-562e8a: #562e8a;
Tailwind
violet-600
Export
:root {
--#562e8a-1: #562e8a;
}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.