Baby Blue #89CFF0
Baby blue is a pale, soft blue with the hex code #89CFF0. It is light and cool with gentle saturation, landing between a pastel and a clear sky tone. The name comes from its long use for infant clothing and nurseries, so it tends to suggest newborns, softness, and quiet mornings.
There is no CSS keyword for baby blue, and the name covers a range of pale blues. #89CFF0 is a common value and is nearly the same as CSS skyblue (#87CEEB).
| HEX | #89CFF0 | |
|---|---|---|
| RGB | rgb(137, 207, 240) | |
| HSL | hsl(199, 77%, 74%) | |
| HSV | hsv(199, 43%, 94%) | |
| CMYK | cmyk(43%, 14%, 0%, 6%) |
Text on Baby Blue
Black text reads better on Baby Blue. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Colors that go with Baby Blue
Baby Blue tints and shades
Tints mix Baby Blue with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.
Tints
Shades
Baby Blue color schemes
Color-wheel harmonies built by rotating the hue of #89CFF0 and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
Baby Blue color meaning
The phrase 'baby blue' points straight at infancy. In the United States and Britain, blue for boys and pink for girls became the standard convention in the twentieth century, and earlier sources sometimes recommended the reverse. Many families now ignore the rule entirely, so the color reads as gentle more than gendered.
Beyond the nursery, baby blue carries a sense of innocence and calm. It is soft enough to feel safe and has no aggressive edge. That makes it popular for bedding, sleepwear, and anything meant to feel comforting.
It also has a nostalgic side. Pale blues were popular in mid-century home appliances and cars, and the shade still gives a retro tint to fashion and product design when paired with cream or chrome.
How to use Baby Blue in design
Use dark text on baby blue. Navy, charcoal, or a deep gray all work; white text fades into it. It is a natural fit for baby products, pediatric clinics, and gentle wellness brands. Outside those categories it can look juvenile, so pair it with grown-up colors such as charcoal or camel.
In fashion, baby blue knitwear and shirts are a common spring choice. For social graphics, it makes a soft backdrop for product photos and short quotes set in navy or charcoal.
Palettes with Baby Blue tones
Curated palettes with a color close to #89CFF0.
Colors similar to Baby Blue
Work with Baby Blue
Baby Blue FAQ
Is baby blue only for boys?
No. The blue-for-boys habit is a fairly recent Western convention and has never been universal; some early twentieth-century advice even said the opposite. Today baby blue is used for nurseries, clothing, and brands of every kind. Its soft, calm quality matters more to most people than any gender rule.
What colors go with baby blue?
Soft pastels like baby pink, mint, and pastel yellow make an easy nursery palette. For something less sweet, try camel, tan, or charcoal, which give baby blue a more adult feel. White and cream keep it airy, and a navy accent adds definition to text and outlines.