Preview
#5d14f0
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 7.44:1 · vs black: 2.82:1
HEX
#5d14f0
RGB
rgb(93, 20, 240)
RGBA
rgba(93, 20, 240, 1)
HSL
hsl(260, 88%, 51%)
HSV
hsv(260, 92%, 94%)
LAB
lab(36.21% 74.75 -92.76)
LCH
lch(36.21% 119.13 308.86)
OKLAB
oklab(0.4853 0.067 -0.2673)
OKLCH
oklch(0.4853 0.2756 284.07)
XYZ
xyz(20.49, 9.12, 83.10)
CMYK
cmyk(61%, 92%, 0%, 6%)
CSS
color: #5d14f0;
CSS variable
--color-5d14f0: #5d14f0;
SCSS
$color-5d14f0: #5d14f0;
Tailwind
violet-400
Export
:root {
--#5d14f0-1: #5d14f0;
}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.