Preview
#a797ab
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.74:1 · vs black: 7.66:1
HEX
#a797ab
RGB
rgb(167, 151, 171)
RGBA
rgba(167, 151, 171, 1)
HSL
hsl(288, 11%, 63%)
HSV
hsv(288, 12%, 67%)
LAB
lab(64.39% 9.63 -8.28)
LCH
lch(64.39% 12.7 319.31)
OKLAB
oklab(0.6967 0.0258 -0.0221)
OKLCH
oklch(0.6967 0.034 319.42)
XYZ
xyz(34.35, 33.29, 43.14)
CMYK
cmyk(2%, 12%, 0%, 33%)
CSS
color: #a797ab;
CSS variable
--color-a797ab: #a797ab;
SCSS
$color-a797ab: #a797ab;
Tailwind
purple-300
Export
:root {
--#a797ab-1: #a797ab;
}Imagination, luxury, and wisdom. Frequently used for premium, creative, and tech brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Purple family.