Preview
#9a8fa3
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 3.07:1 · vs black: 6.83:1
HEX
#9a8fa3
RGB
rgb(154, 143, 163)
RGBA
rgba(154, 143, 163, 1)
HSL
hsl(273, 10%, 60%)
HSV
hsv(273, 12%, 64%)
LAB
lab(60.92% 7.96 -9.05)
LCH
lch(60.92% 12.05 311.33)
OKLAB
oklab(0.6661 0.0204 -0.0243)
OKLCH
oklch(0.6661 0.0317 310.01)
XYZ
xyz(29.76, 29.16, 38.70)
CMYK
cmyk(6%, 12%, 0%, 36%)
CSS
color: #9a8fa3;
CSS variable
--color-9a8fa3: #9a8fa3;
SCSS
$color-9a8fa3: #9a8fa3;
Tailwind
violet-400
Export
:root {
--#9a8fa3-1: #9a8fa3;
}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.