Preview
#9e8bc5
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 3.02:1 · vs black: 6.95:1
HEX
#9e8bc5
RGB
rgb(158, 139, 197)
RGBA
rgba(158, 139, 197, 1)
HSL
hsl(260, 33%, 66%)
HSV
hsv(260, 29%, 77%)
LAB
lab(61.45% 19.03 -27.46)
LCH
lch(61.45% 33.41 304.72)
OKLAB
oklab(0.6751 0.0421 -0.0756)
OKLCH
oklch(0.6751 0.0865 299.11)
XYZ
xyz(33.41, 29.77, 56.80)
CMYK
cmyk(20%, 29%, 0%, 23%)
CSS
color: #9e8bc5;
CSS variable
--color-9e8bc5: #9e8bc5;
SCSS
$color-9e8bc5: #9e8bc5;
Tailwind
violet-300
Export
:root {
--#9e8bc5-1: #9e8bc5;
}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.