Preview
#a89aaa
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.67:1 · vs black: 7.87:1
HEX
#a89aaa
RGB
rgb(168, 154, 170)
RGBA
rgba(168, 154, 170, 1)
HSL
hsl(293, 9%, 64%)
HSV
hsv(293, 9%, 67%)
LAB
lab(65.23% 8.11 -6.46)
LCH
lch(65.23% 10.37 321.46)
OKLAB
oklab(0.7033 0.022 -0.0172)
OKLCH
oklch(0.7033 0.0279 321.98)
XYZ
xyz(34.96, 34.34, 42.81)
CMYK
cmyk(1%, 9%, 0%, 33%)
CSS
color: #a89aaa;
CSS variable
--color-a89aaa: #a89aaa;
SCSS
$color-a89aaa: #a89aaa;
Tailwind
purple-300
Export
:root {
--#a89aaa-1: #a89aaa;
}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.