Baby Pink hex code
The hex code for baby pink is #F4C2C2. In RGB that is rgb(244, 194, 194) and in HSL it is hsl(0, 69%, 86%).
The hex code for baby pink is #F4C2C2. In RGB that is rgb(244, 194, 194) and in HSL it is hsl(0, 69%, 86%).
Baby Pink · #F4C2C2
Colour codes
- HEX
- #F4C2C2
- RGB
- rgb(244, 194, 194)
- HSL
- hsl(0, 69%, 86%)
- CMYK
- 0, 20, 20, 4
- Contrast on white
- 1.57:1
- Contrast on black
- 13.34:1
Tints and shades
20% lighter · #f6cece
40% lighter · #f8dada
60% lighter · #fbe7e7
80% lighter · #fdf3f3
20% darker · #c39b9b
40% darker · #927474
60% darker · #624e4e
80% darker · #312727
Complementary colour
Baby Pink · #F4C2C2
Opposite on the colour wheel · #c3f4f4
Frequently asked questions
What is the hex code for baby pink?
The hex code for baby pink is #F4C2C2. In RGB that is rgb(244, 194, 194) and in HSL it is hsl(0, 69%, 86%).
Can I use baby pink for text?
It has a contrast ratio of 1.57:1 on white and 13.34:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with baby pink?
Its complementary colour, opposite on the colour wheel, is #C3F4F4. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of baby pink instead.
Is baby pink a CSS colour name?
No. Baby Pink is a common name rather than a CSS keyword, and different sources use slightly different values. #F4C2C2 is the most widely used one - use the hex value in CSS.