Preview
#cec6cc
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.67:1 · vs black: 12.57:1
HEX
#cec6cc
RGB
rgb(206, 198, 204)
RGBA
rgba(206, 198, 204, 1)
HSL
hsl(315, 8%, 79%)
HSV
hsv(315, 4%, 81%)
LAB
lab(80.67% 3.86 -2)
LCH
lch(80.67% 4.35 332.61)
OKLAB
oklab(0.8348 0.0108 -0.0053)
OKLCH
oklch(0.8348 0.012 333.86)
XYZ
xyz(56.55, 57.87, 65.31)
CMYK
cmyk(0%, 4%, 1%, 19%)
CSS
color: #cec6cc;
CSS variable
--color-cec6cc: #cec6cc;
SCSS
$color-cec6cc: #cec6cc;
Tailwind
fuchsia-200
Export
:root {
--#cec6cc-1: #cec6cc;
}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.