Preview
#9b5ccb
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 4.39:1 · vs black: 4.79:1
HEX
#9b5ccb
RGB
rgb(155, 92, 203)
RGBA
rgba(155, 92, 203, 1)
HSL
hsl(274, 52%, 58%)
HSV
hsv(274, 55%, 80%)
LAB
lab(50.61% 46.06 -47.89)
LCH
lch(50.61% 66.45 313.88)
OKLAB
oklab(0.5936 0.1061 -0.1345)
OKLCH
oklch(0.5936 0.1713 308.27)
XYZ
xyz(28.12, 18.94, 58.66)
CMYK
cmyk(24%, 55%, 0%, 20%)
CSS
color: #9b5ccb;
CSS variable
--color-9b5ccb: #9b5ccb;
SCSS
$color-9b5ccb: #9b5ccb;
Tailwind
violet-400
Export
:root {
--#9b5ccb-1: #9b5ccb;
}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.