Preview
#5d3976
Family: Purple
Accessibility on this swatch:
Contrast vs white: 9.08:1 · vs black: 2.31:1
HEX
#5d3976
RGB
rgb(93, 57, 118)
RGBA
rgba(93, 57, 118, 1)
HSL
hsl(275, 35%, 34%)
HSV
hsv(275, 52%, 46%)
LAB
lab(30.79% 28.29 -28.93)
LCH
lch(30.79% 40.46 314.36)
OKLAB
oklab(0.4151 0.0673 -0.0808)
OKLCH
oklch(0.4151 0.1052 309.79)
XYZ
xyz(9.25, 6.56, 17.92)
CMYK
cmyk(21%, 52%, 0%, 54%)
CSS
color: #5d3976;
CSS variable
--color-5d3976: #5d3976;
SCSS
$color-5d3976: #5d3976;
Tailwind
violet-600
Export
:root {
--#5d3976-1: #5d3976;
}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.