Preview
#5d1c88
Family: Purple
Accessibility on this swatch:
Contrast vs white: 10.57:1 · vs black: 1.99:1
HEX
#5d1c88
RGB
rgb(93, 28, 136)
RGBA
rgba(93, 28, 136, 1)
HSL
hsl(276, 66%, 32%)
HSV
hsv(276, 79%, 53%)
LAB
lab(26.55% 47.59 -47.02)
LCH
lch(26.55% 66.9 315.35)
OKLAB
oklab(0.3883 0.1023 -0.1337)
OKLCH
oklch(0.3883 0.1683 307.42)
XYZ
xyz(9.37, 4.94, 23.75)
CMYK
cmyk(32%, 79%, 0%, 47%)
CSS
color: #5d1c88;
CSS variable
--color-5d1c88: #5d1c88;
SCSS
$color-5d1c88: #5d1c88;
Tailwind
violet-600
Export
:root {
--#5d1c88-1: #5d1c88;
}Imagination, luxury, and wisdom. Frequently used for premium, creative, and tech brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Purple family.