Baby pink color: code #F4C2C2

Baby pink

#F4C2C2

Color codes

  • HEX#F4C2C2
  • RGBrgb(244, 194, 194)
  • HSLhsl(0, 69%, 86%)
  • HSVhsv(0, 20%, 96%)
  • CMYKcmyk(0%, 20%, 20%, 4%)
  • LABlab(82.8% 17.8 6.8)
  • OKLCHoklch(85.8% 0.057 18.3)

About the color Baby pink

Baby pink has the HEX code #F4C2C2, which corresponds to rgb(244, 194, 194) in the RGB model. On the color wheel its hue sits at 0°, with 69% saturation and 86% lightness (hsl(0, 69%, 86%)).

Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.

As a background it calls for dark text: black reaches a 13.34:1 contrast ratio on it, versus 1.57:1 for white.

For print, the approximate conversion is cmyk(0%, 20%, 20%, 4%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Baby pink

Complementary

#F4C2C2 · #C3F4F4

Analogous

#F4C3DB · #F4C2C2 · #F4DBC3

Triadic

#F4C2C2 · #C3F4C3 · #C3C3F4

Tetradic

#F4C2C2 · #DBF4C3 · #C3F4F4 · #DBC3F4

Split-complementary

#F4C2C2 · #C3F4DB · #C3DBF4

Monochromatic

#E05757 · #EC9898 · #F4C2C2 · #FFFFFF · #FFFFFF

Baby pink with white and black text

White text Aa Bb Cc 123
1.57:1 · fails WCAG
Black text Aa Bb Cc 123
13.34:1 · AAA

Test other pairs in the contrast checker

Baby pink or pink?

Baby pink (#F4C2C2, rgb(244, 194, 194)) is a slightly dusty pastel pink, with red dominant and equal green and blue. That makes it a bit warmer and more “peachy” than CSS pink (#FFC0CB), which has more blue and looks cooler and sweeter. Side by side, baby pink recalls pressed powder and washed cotton; pink recalls cotton candy.

Associations: from nursery to minimalism

In many Western countries, baby pink is tied to newborns, baby showers and nursery decor. Keep in mind that “pink for girls, blue for boys” is a relatively recent cultural convention, and many families and brands now prefer neutral or mixed palettes. Outside the baby world, the shade has found a place in interior design and in beauty and wellness brands as a delicate neutral, associated with comfort and softness. Pink in general is also the color of breast cancer awareness campaigns, most visibly each October.

When to use it

On the web, baby pink works as a background for sections, cards and banners in cosmetics shops, stationery brands, bakeries and children’s products. In interiors, walls in this shade warm a room without darkening it and pair well with light wood, brass and the green of houseplants. In fashion it is an easy pastel for tailoring, knitwear and accessories. In print, very light pastels can lose saturation on uncoated paper, so proof it if the shade matters.

PairingHEXEffect
Charcoal gray#36454Fmodern, grown-up, great for text
Baby blue#89CFF0a neutral pastel pair, no gender coding
Army green#4B5320earthy, sophisticated contrast
Gold#FFD700festive, good for invitations

Legibility

Like any light color, baby pink needs dark text: with white the contrast is only 1.6:1, while with black it exceeds 13:1. Charcoal or dark wine text looks elegant and stays accessible. In dark mode, avoid large baby pink blocks (they glare); use the shade for text or accents on a dark background instead. Check it in the contrast checker and build variations with the palette generator.

How to use it in CSS

:root {
  --color-baby-pink: #F4C2C2;
  --color-baby-pink-rgb: 244, 194, 194;
}

.elemento {
  background-color: var(--color-baby-pink);
  color: #000000;
}

Similar colors

Use Baby pink in our tools