Preview
#af96be
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.65:1 · vs black: 7.93:1
HEX
#af96be
RGB
rgb(175, 150, 190)
RGBA
rgba(175, 150, 190, 1)
HSL
hsl(278, 24%, 67%)
HSV
hsv(278, 21%, 75%)
LAB
lab(65.47% 16.78 -17.25)
LCH
lch(65.47% 24.07 314.21)
OKLAB
oklab(0.7088 0.0431 -0.0467)
OKLCH
oklch(0.7088 0.0635 312.7)
XYZ
xyz(37.88, 34.64, 53.40)
CMYK
cmyk(8%, 21%, 0%, 25%)
CSS
color: #af96be;
CSS variable
--color-af96be: #af96be;
SCSS
$color-af96be: #af96be;
Tailwind
violet-300
Export
:root {
--#af96be-1: #af96be;
}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.