Preview
#9f86c6
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 3.13:1 · vs black: 6.7:1
HEX
#9f86c6
RGB
rgb(159, 134, 198)
RGBA
rgba(159, 134, 198, 1)
HSL
hsl(263, 36%, 65%)
HSV
hsv(263, 32%, 78%)
LAB
lab(60.34% 22.44 -29.74)
LCH
lch(60.34% 37.26 307.04)
OKLAB
oklab(0.6669 0.0508 -0.0821)
OKLCH
oklch(0.6669 0.0965 301.75)
XYZ
xyz(33.01, 28.50, 57.18)
CMYK
cmyk(20%, 32%, 0%, 22%)
CSS
color: #9f86c6;
CSS variable
--color-9f86c6: #9f86c6;
SCSS
$color-9f86c6: #9f86c6;
Tailwind
violet-300
Export
:root {
--#9f86c6-1: #9f86c6;
}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.