Preview
#cab7d2
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.87:1 · vs black: 11.22:1
HEX
#cab7d2
RGB
rgb(202, 183, 210)
RGBA
rgba(202, 183, 210, 1)
HSL
hsl(282, 23%, 77%)
HSV
hsv(282, 13%, 82%)
LAB
lab(76.73% 11.66 -11.11)
LCH
lch(76.73% 16.11 316.38)
OKLAB
oklab(0.8038 0.0308 -0.0298)
OKLCH
oklch(0.8038 0.0429 315.95)
XYZ
xyz(52.92, 51.08, 68.03)
CMYK
cmyk(4%, 13%, 0%, 18%)
CSS
color: #cab7d2;
CSS variable
--color-cab7d2: #cab7d2;
SCSS
$color-cab7d2: #cab7d2;
Tailwind
purple-200
Export
:root {
--#cab7d2-1: #cab7d2;
}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.