Preview
#5100ff
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 7.52:1 · vs black: 2.79:1
HEX
#5100ff
RGB
rgb(81, 0, 255)
RGBA
rgba(81, 0, 255, 1)
HSL
hsl(259, 100%, 50%)
HSV
hsv(259, 100%, 100%)
LAB
lab(35.92% 80.56 -101.72)
LCH
lch(35.92% 129.76 308.38)
OKLAB
oklab(0.4858 0.0449 -0.2933)
OKLCH
oklch(0.4858 0.2967 278.7)
XYZ
xyz(21.44, 8.97, 95.19)
CMYK
cmyk(68%, 100%, 0%, 0%)
CSS
color: #5100ff;
CSS variable
--color-5100ff: #5100ff;
SCSS
$color-5100ff: #5100ff;
Tailwind
indigo-500
Export
:root {
--#5100ff-1: #5100ff;
}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.