Preview
#9978dc
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 3.46:1 · vs black: 6.07:1
HEX
#9978dc
RGB
rgb(153, 120, 220)
RGBA
rgba(153, 120, 220, 1)
HSL
hsl(260, 59%, 67%)
HSV
hsv(260, 45%, 86%)
LAB
lab(57.44% 34.06 -46.71)
LCH
lch(57.44% 57.81 306.1)
OKLAB
oklab(0.6469 0.0678 -0.1312)
OKLCH
oklch(0.6469 0.1477 297.33)
XYZ
xyz(32.77, 25.37, 70.87)
CMYK
cmyk(30%, 45%, 0%, 14%)
CSS
color: #9978dc;
CSS variable
--color-9978dc: #9978dc;
SCSS
$color-9978dc: #9978dc;
Tailwind
violet-300
Export
:root {
--#9978dc-1: #9978dc;
}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.