Preview
#cabfc9
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.78:1 · vs black: 11.81:1
HEX
#cabfc9
RGB
rgb(202, 191, 201)
RGBA
rgba(202, 191, 201, 1)
HSL
hsl(305, 9%, 77%)
HSV
hsv(305, 5%, 79%)
LAB
lab(78.48% 5.66 -3.63)
LCH
lch(78.48% 6.72 327.33)
OKLAB
oklab(0.8166 0.0157 -0.0096)
OKLCH
oklch(0.8166 0.0184 328.56)
XYZ
xyz(53.53, 54.04, 62.86)
CMYK
cmyk(0%, 5%, 0%, 21%)
CSS
color: #cabfc9;
CSS variable
--color-cabfc9: #cabfc9;
SCSS
$color-cabfc9: #cabfc9;
Tailwind
fuchsia-200
Export
:root {
--#cabfc9-1: #cabfc9;
}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.