Skip to the color picker

Baby pink color: #f4c2c2

Baby pink is #f4c2c2, rgb(244, 194, 194) in RGB and oklch(85.817% 0.05741 18.332) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

0°
100%

85.8%
0.057
18°
  • Pink
  • Very light
  • Soft
  • Pastel
  • Warm
  • red-200
  • Black 4%

Inside sRGB: displays the same on any screen.

White text
1.57:1Hard to read
Lc -30
Black text
13.34:1Readable · AA
Lc 78

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

Palettes with Baby pink

Similar named colors

Questions about Baby pink

What is the hex code for Baby pink?

The hex code for Baby pink is #f4c2c2. In RGB it is rgb(244, 194, 194), in HSL hsl(0, 69.44%, 85.88%) and in OKLCH oklch(85.817% 0.05741 18.332).

What colors go well with Baby pink?

Its complementary color is #a4ddde. For a calmer look, pair it with the analogous colors #eec2d7 and #f1c6b0. Ready palettes with Baby pink are shown on this page.

Is Baby pink a warm or cool color?

Baby pink is a warm color with an OKLCH hue of 18 degrees.

What text color is readable on Baby pink?

Black text is more readable on Baby pink: white gives a contrast ratio of 1.57:1 and black gives 13.34:1. WCAG AA asks for at least 4.5:1 for body text.

About #f4c2c2

#f4c2c2 is a pastel very light pink color. In OKLCH it has 85.8% lightness, 0.057 chroma and a hue of 18°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.57:1 contrast and black text 13.34:1, so black text reads better.

The closest named color is Cor-de-Pele (#f4c2c2). In Tailwind CSS the closest color is red-200.

More very light pink colors

Lighter: #f4c2c2 mixed with white

  1. f4c2c2

Darker: #f4c2c2 mixed with black

  1. f4c2c2

Calmer: #f4c2c2 with less saturation

  1. f4c2c2

Similar named colors

  • Cor-de-Pele#f4c2c2

Colors that go with #f4c2c2

Complementary
#f4c2c2
Analogous
#f4c2c2
Triadic
#f4c2c2
Split
#f4c2c2