Preview
#581cb2
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 9.44:1 · vs black: 2.22:1
HEX
#581cb2
RGB
rgb(88, 28, 178)
RGBA
rgba(88, 28, 178, 1)
HSL
hsl(264, 73%, 40%)
HSV
hsv(264, 84%, 70%)
LAB
lab(29.71% 57.06 -67.51)
LCH
lch(29.71% 88.39 310.2)
OKLAB
oklab(0.4205 0.0813 -0.1939)
OKLCH
oklch(0.4205 0.2103 292.75)
XYZ
xyz(12.47, 6.12, 42.63)
CMYK
cmyk(51%, 84%, 0%, 30%)
CSS
color: #581cb2;
CSS variable
--color-581cb2: #581cb2;
SCSS
$color-581cb2: #581cb2;
Tailwind
violet-600
Export
:root {
--#581cb2-1: #581cb2;
}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.