Preview
#a496ab
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.79:1 · vs black: 7.53:1
HEX
#a496ab
RGB
rgb(164, 150, 171)
RGBA
rgba(164, 150, 171, 1)
HSL
hsl(280, 11%, 63%)
HSV
hsv(280, 12%, 67%)
LAB
lab(63.87% 9.14 -9.08)
LCH
lch(63.87% 12.88 315.19)
OKLAB
oklab(0.692 0.024 -0.0243)
OKLCH
oklch(0.692 0.0342 314.64)
XYZ
xyz(33.57, 32.65, 43.05)
CMYK
cmyk(4%, 12%, 0%, 33%)
CSS
color: #a496ab;
CSS variable
--color-a496ab: #a496ab;
SCSS
$color-a496ab: #a496ab;
Tailwind
purple-300
Export
:root {
--#a496ab-1: #a496ab;
}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.