Preview
#c5a9d6
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.1:1 · vs black: 10.02:1
HEX
#c5a9d6
RGB
rgb(197, 169, 214)
RGBA
rgba(197, 169, 214, 1)
HSL
hsl(277, 35%, 75%)
HSV
hsv(277, 21%, 84%)
LAB
lab(72.96% 18.43 -19)
LCH
lch(72.96% 26.47 314.13)
OKLAB
oklab(0.774 0.0473 -0.0514)
OKLCH
oklch(0.774 0.0699 312.62)
XYZ
xyz(49.35, 45.10, 69.71)
CMYK
cmyk(8%, 21%, 0%, 16%)
CSS
color: #c5a9d6;
CSS variable
--color-c5a9d6: #c5a9d6;
SCSS
$color-c5a9d6: #c5a9d6;
Tailwind
violet-200
Export
:root {
--#c5a9d6-1: #c5a9d6;
}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.