Baby Blue hex code
The hex code for baby blue is #89CFF0. In RGB that is rgb(137, 207, 240) and in HSL it is hsl(199, 77%, 74%).
The hex code for baby blue is #89CFF0. In RGB that is rgb(137, 207, 240) and in HSL it is hsl(199, 77%, 74%).
Baby Blue · #89CFF0
Colour codes
- HEX
- #89CFF0
- RGB
- rgb(137, 207, 240)
- HSL
- hsl(199, 77%, 74%)
- CMYK
- 43, 14, 0, 6
- Contrast on white
- 1.71:1
- Contrast on black
- 12.25:1
Tints and shades
20% lighter · #a1d9f3
40% lighter · #b8e2f6
60% lighter · #d0ecf9
80% lighter · #e7f5fc
20% darker · #6ea6c0
40% darker · #527c90
60% darker · #375360
80% darker · #1b2930
Complementary colour
Baby Blue · #89CFF0
Opposite on the colour wheel · #f0aa8a
Frequently asked questions
What is the hex code for baby blue?
The hex code for baby blue is #89CFF0. In RGB that is rgb(137, 207, 240) and in HSL it is hsl(199, 77%, 74%).
Can I use baby blue for text?
It has a contrast ratio of 1.71:1 on white and 12.25: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 blue?
Its complementary colour, opposite on the colour wheel, is #F0AA8A. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of baby blue instead.
Is baby blue a CSS colour name?
No. Baby Blue is a common name rather than a CSS keyword, and different sources use slightly different values. #89CFF0 is the most widely used one - use the hex value in CSS.