Preview
#978fa5
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 3.09:1 · vs black: 6.79:1
HEX
#978fa5
RGB
rgb(151, 143, 165)
RGBA
rgba(151, 143, 165, 1)
HSL
hsl(262, 11%, 60%)
HSV
hsv(262, 13%, 65%)
LAB
lab(60.73% 7.32 -10.5)
LCH
lch(60.73% 12.8 304.88)
OKLAB
oklab(0.6642 0.0177 -0.0283)
OKLCH
oklch(0.6642 0.0334 302.02)
XYZ
xyz(29.38, 28.94, 39.63)
CMYK
cmyk(8%, 13%, 0%, 35%)
CSS
color: #978fa5;
CSS variable
--color-978fa5: #978fa5;
SCSS
$color-978fa5: #978fa5;
Tailwind
violet-400
Export
:root {
--#978fa5-1: #978fa5;
}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.