Preview
#ccc0ca
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.76:1 · vs black: 11.96:1
HEX
#ccc0ca
RGB
rgb(204, 192, 202)
RGBA
rgba(204, 192, 202, 1)
HSL
hsl(310, 11%, 78%)
HSV
hsv(310, 6%, 80%)
LAB
lab(78.93% 6 -3.5)
LCH
lch(78.93% 6.95 329.74)
OKLAB
oklab(0.8206 0.0167 -0.0092)
OKLCH
oklch(0.8206 0.0191 331.15)
XYZ
xyz(54.41, 54.80, 63.58)
CMYK
cmyk(0%, 6%, 1%, 20%)
CSS
color: #ccc0ca;
CSS variable
--color-ccc0ca: #ccc0ca;
SCSS
$color-ccc0ca: #ccc0ca;
Tailwind
fuchsia-200
Export
:root {
--#ccc0ca-1: #ccc0ca;
}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.