Preview
#5a3493
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 8.95:1 · vs black: 2.35:1
HEX
#5a3493
RGB
rgb(90, 52, 147)
RGBA
rgba(90, 52, 147, 1)
HSL
hsl(264, 48%, 39%)
HSV
hsv(264, 65%, 58%)
LAB
lab(31.2% 38.06 -46.31)
LCH
lch(31.2% 59.94 309.42)
OKLAB
oklab(0.4233 0.0705 -0.1318)
OKLCH
oklch(0.4233 0.1495 298.14)
XYZ
xyz(10.71, 6.74, 28.33)
CMYK
cmyk(39%, 65%, 0%, 42%)
CSS
color: #5a3493;
CSS variable
--color-5a3493: #5a3493;
SCSS
$color-5a3493: #5a3493;
Tailwind
violet-600
Export
:root {
--#5a3493-1: #5a3493;
}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.