Preview
#9f87c4
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 3.12:1 · vs black: 6.74:1
HEX
#9f87c4
RGB
rgb(159, 135, 196)
RGBA
rgba(159, 135, 196, 1)
HSL
hsl(264, 34%, 65%)
HSV
hsv(264, 31%, 77%)
LAB
lab(60.5% 21.4 -28.36)
LCH
lch(60.5% 35.53 307.04)
OKLAB
oklab(0.6679 0.0489 -0.0781)
OKLCH
oklch(0.6679 0.0921 302.05)
XYZ
xyz(32.92, 28.68, 56.02)
CMYK
cmyk(19%, 31%, 0%, 23%)
CSS
color: #9f87c4;
CSS variable
--color-9f87c4: #9f87c4;
SCSS
$color-9f87c4: #9f87c4;
Tailwind
violet-300
Export
:root {
--#9f87c4-1: #9f87c4;
}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.