Preview
#978fb0
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 3.06:1 · vs black: 6.87:1
HEX
#978fb0
RGB
rgb(151, 143, 176)
RGBA
rgba(151, 143, 176, 1)
HSL
hsl(255, 17%, 63%)
HSV
hsv(255, 19%, 69%)
LAB
lab(61.1% 9.7 -16.19)
LCH
lch(61.1% 18.87 300.93)
OKLAB
oklab(0.6683 0.0216 -0.044)
OKLCH
oklch(0.6683 0.049 296.15)
XYZ
xyz(30.42, 29.36, 45.13)
CMYK
cmyk(14%, 19%, 0%, 31%)
CSS
color: #978fb0;
CSS variable
--color-978fb0: #978fb0;
SCSS
$color-978fb0: #978fb0;
Tailwind
indigo-300
Export
:root {
--#978fb0-1: #978fb0;
}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.