Preview
#9678cc
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 3.59:1 · vs black: 5.86:1
HEX
#9678cc
RGB
rgb(150, 120, 204)
RGBA
rgba(150, 120, 204, 1)
HSL
hsl(261, 45%, 64%)
HSV
hsv(261, 41%, 80%)
LAB
lab(56.36% 29.24 -39.4)
LCH
lch(56.36% 49.06 306.58)
OKLAB
oklab(0.6355 0.0616 -0.11)
OKLCH
oklch(0.6355 0.1261 299.25)
XYZ
xyz(30.19, 24.28, 60.21)
CMYK
cmyk(26%, 41%, 0%, 20%)
CSS
color: #9678cc;
CSS variable
--color-9678cc: #9678cc;
SCSS
$color-9678cc: #9678cc;
Tailwind
violet-300
Export
:root {
--#9678cc-1: #9678cc;
}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.