Preview
#af9eb1
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.52:1 · vs black: 8.35:1
HEX
#af9eb1
RGB
rgb(175, 158, 177)
RGBA
rgba(175, 158, 177, 1)
HSL
hsl(294, 11%, 66%)
HSV
hsv(294, 11%, 69%)
LAB
lab(67.08% 9.71 -7.56)
LCH
lch(67.08% 12.31 322.1)
OKLAB
oklab(0.7199 0.0264 -0.0202)
OKLCH
oklch(0.7199 0.0332 322.58)
XYZ
xyz(37.84, 36.74, 46.68)
CMYK
cmyk(1%, 11%, 0%, 31%)
CSS
color: #af9eb1;
CSS variable
--color-af9eb1: #af9eb1;
SCSS
$color-af9eb1: #af9eb1;
Tailwind
purple-300
Export
:root {
--#af9eb1-1: #af9eb1;
}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.