Preview
#ccb7c7
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.88:1 · vs black: 11.17:1
HEX
#ccb7c7
RGB
rgb(204, 183, 199)
RGBA
rgba(204, 183, 199, 1)
HSL
hsl(314, 17%, 76%)
HSV
hsv(314, 10%, 80%)
LAB
lab(76.58% 10.28 -5.34)
LCH
lch(76.58% 11.58 332.55)
OKLAB
oklab(0.802 0.029 -0.0141)
OKLCH
oklch(0.802 0.0322 334.07)
XYZ
xyz(52.14, 50.83, 61.09)
CMYK
cmyk(0%, 10%, 2%, 20%)
CSS
color: #ccb7c7;
CSS variable
--color-ccb7c7: #ccb7c7;
SCSS
$color-ccb7c7: #ccb7c7;
Tailwind
fuchsia-200
Export
:root {
--#ccb7c7-1: #ccb7c7;
}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.