Preview
#a686ca
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 3.05:1 · vs black: 6.88:1
HEX
#a686ca
RGB
rgb(166, 134, 202)
RGBA
rgba(166, 134, 202, 1)
HSL
hsl(268, 39%, 66%)
HSV
hsv(268, 34%, 79%)
LAB
lab(61.15% 25.52 -30.68)
LCH
lch(61.15% 39.91 309.75)
OKLAB
oklab(0.6752 0.0601 -0.0846)
OKLCH
oklch(0.6752 0.1038 305.39)
XYZ
xyz(34.91, 29.42, 59.71)
CMYK
cmyk(18%, 34%, 0%, 21%)
CSS
color: #a686ca;
CSS variable
--color-a686ca: #a686ca;
SCSS
$color-a686ca: #a686ca;
Tailwind
violet-300
Export
:root {
--#a686ca-1: #a686ca;
}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.