Preview
#ab97b5
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.68:1 · vs black: 7.83:1
HEX
#ab97b5
RGB
rgb(171, 151, 181)
RGBA
rgba(171, 151, 181, 1)
HSL
hsl(280, 17%, 65%)
HSV
hsv(280, 17%, 71%)
LAB
lab(65.06% 13.02 -12.86)
LCH
lch(65.06% 18.3 315.35)
OKLAB
oklab(0.7038 0.034 -0.0346)
OKLCH
oklch(0.7038 0.0485 314.5)
XYZ
xyz(36.20, 34.13, 48.39)
CMYK
cmyk(6%, 17%, 0%, 29%)
CSS
color: #ab97b5;
CSS variable
--color-ab97b5: #ab97b5;
SCSS
$color-ab97b5: #ab97b5;
Tailwind
purple-300
Export
:root {
--#ab97b5-1: #ab97b5;
}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.