Preview
#caa9ca
Family: Pink
Accessibility on this swatch:
Contrast vs white: 2.09:1 · vs black: 10.04:1
HEX
#caa9ca
RGB
rgb(202, 169, 202)
RGBA
rgba(202, 169, 202, 1)
HSL
hsl(300, 24%, 73%)
HSV
hsv(300, 16%, 79%)
LAB
lab(73.02% 17.76 -12.28)
LCH
lch(73.02% 21.59 325.34)
OKLAB
oklab(0.7743 0.0489 -0.0329)
OKLCH
oklch(0.7743 0.0589 326.07)
XYZ
xyz(49.20, 45.20, 62.00)
CMYK
cmyk(0%, 16%, 0%, 21%)
CSS
color: #caa9ca;
CSS variable
--color-caa9ca: #caa9ca;
SCSS
$color-caa9ca: #caa9ca;
Tailwind
fuchsia-200
Export
:root {
--#caa9ca-1: #caa9ca;
}Compassion, playfulness, and romance. Popular in beauty, lifestyle, and youth-focused products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Pink family.