Preview
#d6a4e3
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.04:1 · vs black: 10.28:1
HEX
#d6a4e3
RGB
rgb(214, 164, 227)
RGBA
rgba(214, 164, 227, 1)
HSL
hsl(288, 53%, 77%)
HSV
hsv(288, 28%, 89%)
LAB
lab(73.8% 29.26 -24.68)
LCH
lch(73.8% 38.28 319.85)
OKLAB
oklab(0.7856 0.0778 -0.0671)
OKLCH
oklch(0.7856 0.1027 319.22)
XYZ
xyz(54.87, 46.39, 78.72)
CMYK
cmyk(6%, 28%, 0%, 11%)
CSS
color: #d6a4e3;
CSS variable
--color-d6a4e3: #d6a4e3;
SCSS
$color-d6a4e3: #d6a4e3;
Tailwind
purple-200
Export
:root {
--#d6a4e3-1: #d6a4e3;
}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.