Preview
#a490a7
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.95:1 · vs black: 7.13:1
HEX
#a490a7
RGB
rgb(164, 144, 167)
RGBA
rgba(164, 144, 167, 1)
HSL
hsl(292, 12%, 61%)
HSV
hsv(292, 14%, 65%)
LAB
lab(62.19% 11.72 -9.33)
LCH
lch(62.19% 14.98 321.48)
OKLAB
oklab(0.6786 0.0318 -0.0249)
OKLCH
oklch(0.6786 0.0404 321.94)
XYZ
xyz(32.26, 30.63, 40.76)
CMYK
cmyk(2%, 14%, 0%, 35%)
CSS
color: #a490a7;
CSS variable
--color-a490a7: #a490a7;
SCSS
$color-a490a7: #a490a7;
Tailwind
purple-300
Export
:root {
--#a490a7-1: #a490a7;
}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.