Preview
#af97b5
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.65:1 · vs black: 7.92:1
HEX
#af97b5
RGB
rgb(175, 151, 181)
RGBA
rgba(175, 151, 181, 1)
HSL
hsl(288, 17%, 65%)
HSV
hsv(288, 17%, 71%)
LAB
lab(65.42% 14.4 -12.28)
LCH
lch(65.42% 18.93 319.54)
OKLAB
oklab(0.7074 0.0386 -0.033)
OKLCH
oklch(0.7074 0.0508 319.47)
XYZ
xyz(37.09, 34.58, 48.43)
CMYK
cmyk(3%, 17%, 0%, 29%)
CSS
color: #af97b5;
CSS variable
--color-af97b5: #af97b5;
SCSS
$color-af97b5: #af97b5;
Tailwind
purple-300
Export
:root {
--#af97b5-1: #af97b5;
}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.