Preview
#9488a0
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 3.34:1 · vs black: 6.29:1
HEX
#9488a0
RGB
rgb(148, 136, 160)
RGBA
rgba(148, 136, 160, 1)
HSL
hsl(270, 11%, 58%)
HSV
hsv(270, 15%, 63%)
LAB
lab(58.45% 9.22 -11.09)
LCH
lch(58.45% 14.42 309.74)
OKLAB
oklab(0.6453 0.0232 -0.0298)
OKLCH
oklch(0.6453 0.0378 307.9)
XYZ
xyz(27.36, 26.44, 36.91)
CMYK
cmyk(7%, 15%, 0%, 37%)
CSS
color: #9488a0;
CSS variable
--color-9488a0: #9488a0;
SCSS
$color-9488a0: #9488a0;
Tailwind
violet-400
Export
:root {
--#9488a0-1: #9488a0;
}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.