Preview
#ffccef
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.39:1 · vs black: 15.14:1
HEX
#ffccef
RGB
rgb(255, 204, 239)
RGBA
rgba(255, 204, 239, 1)
HSL
hsl(319, 100%, 90%)
HSV
hsv(319, 20%, 100%)
LAB
lab(87.33% 23.56 -10.34)
LCH
lch(87.33% 25.73 336.3)
OKLAB
oklab(0.8998 0.0675 -0.0274)
OKLCH
oklch(0.8998 0.0728 337.91)
XYZ
xyz(78.41, 70.68, 91.16)
CMYK
cmyk(0%, 20%, 6%, 0%)
CSS
color: #ffccef;
CSS variable
--color-ffccef: #ffccef;
SCSS
$color-ffccef: #ffccef;
Tailwind
fuchsia-100
Export
:root {
--#ffccef-1: #ffccef;
}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.