Preview
#5a11d0
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 8.66:1 · vs black: 2.43:1
HEX
#5a11d0
RGB
rgb(90, 17, 208)
RGBA
rgba(90, 17, 208, 1)
HSL
hsl(263, 85%, 44%)
HSV
hsv(263, 92%, 82%)
LAB
lab(32.1% 67.6 -81.23)
LCH
lch(32.1% 105.68 309.77)
OKLAB
oklab(0.4466 0.0767 -0.2338)
OKLCH
oklch(0.4466 0.2461 288.16)
XYZ
xyz(15.80, 7.13, 60.21)
CMYK
cmyk(57%, 92%, 0%, 18%)
CSS
color: #5a11d0;
CSS variable
--color-5a11d0: #5a11d0;
SCSS
$color-5a11d0: #5a11d0;
Tailwind
violet-500
Export
:root {
--#5a11d0-1: #5a11d0;
}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.