Preview
#a679d2
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 3.34:1 · vs black: 6.29:1
HEX
#a679d2
RGB
rgb(166, 121, 210)
RGBA
rgba(166, 121, 210, 1)
HSL
hsl(270, 50%, 65%)
HSV
hsv(270, 42%, 82%)
LAB
lab(58.45% 34.71 -39.4)
LCH
lch(58.45% 52.51 311.38)
OKLAB
oklab(0.6558 0.0806 -0.1097)
OKLCH
oklch(0.6558 0.1361 306.31)
XYZ
xyz(34.19, 26.44, 64.26)
CMYK
cmyk(21%, 42%, 0%, 18%)
CSS
color: #a679d2;
CSS variable
--color-a679d2: #a679d2;
SCSS
$color-a679d2: #a679d2;
Tailwind
violet-300
Export
:root {
--#a679d2-1: #a679d2;
}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.