Preview
#aa80e2
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 3.05:1 · vs black: 6.9:1
HEX
#aa80e2
RGB
rgb(170, 128, 226)
RGBA
rgba(170, 128, 226, 1)
HSL
hsl(266, 63%, 69%)
HSV
hsv(266, 43%, 89%)
LAB
lab(61.2% 35.66 -44.02)
LCH
lch(61.2% 56.65 309.01)
OKLAB
oklab(0.6799 0.0782 -0.123)
OKLCH
oklch(0.6799 0.1458 302.45)
XYZ
xyz(38.02, 29.48, 75.62)
CMYK
cmyk(25%, 43%, 0%, 11%)
CSS
color: #aa80e2;
CSS variable
--color-aa80e2: #aa80e2;
SCSS
$color-aa80e2: #aa80e2;
Tailwind
violet-300
Export
:root {
--#aa80e2-1: #aa80e2;
}Mystery, ambition, and creativity. Strong for artistic and spiritual associations.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Purple family.