Preview
#ffccfa
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.38:1 · vs black: 15.27:1
HEX
#ffccfa
RGB
rgb(255, 204, 250)
RGBA
rgba(255, 204, 250, 1)
HSL
hsl(306, 100%, 90%)
HSV
hsv(306, 20%, 100%)
LAB
lab(87.65% 25.47 -15.68)
LCH
lch(87.65% 29.91 328.38)
OKLAB
oklab(0.9034 0.0711 -0.0419)
OKLCH
oklch(0.9034 0.0825 329.49)
XYZ
xyz(80.09, 71.35, 99.98)
CMYK
cmyk(0%, 20%, 2%, 0%)
CSS
color: #ffccfa;
CSS variable
--color-ffccfa: #ffccfa;
SCSS
$color-ffccfa: #ffccfa;
Tailwind
fuchsia-100
Export
:root {
--#ffccfa-1: #ffccfa;
}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.