Preview
#5b3a7c
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 8.97:1 · vs black: 2.34:1
HEX
#5b3a7c
RGB
rgb(91, 58, 124)
RGBA
rgba(91, 58, 124, 1)
HSL
hsl(270, 36%, 36%)
HSV
hsv(270, 53%, 49%)
LAB
lab(31.13% 28.62 -32.17)
LCH
lch(31.13% 43.06 311.66)
OKLAB
oklab(0.4182 0.0637 -0.0903)
OKLCH
oklch(0.4182 0.1105 305.2)
XYZ
xyz(9.46, 6.71, 19.86)
CMYK
cmyk(27%, 53%, 0%, 51%)
CSS
color: #5b3a7c;
CSS variable
--color-5b3a7c: #5b3a7c;
SCSS
$color-5b3a7c: #5b3a7c;
Tailwind
violet-600
Export
:root {
--#5b3a7c-1: #5b3a7c;
}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.