What color is Baby Blue?
Baby blue is a light, airy blue with a soft, slightly cool tone, hex #8FD9FB, close to a clear sky on a calm spring morning. It reads as gentle and pale rather than vivid, with enough blue to feel distinctly cool against white or neutral backgrounds.
What is the meaning of the color Baby Blue?
The name baby blue entered common use in the late 19th century, tied to the tradition of dressing infant boys in blue, a practice documented in Western Europe and North America by the 1890s. The color distinction between blue for boys and pink for girls was not yet fixed in this period — early 20th-century American department stores, including Jordan Marsh in Boston, promoted blue for boys in their children’s clothing lines, helping to solidify the association. By the mid-20th century, the pairing was broadly established across consumer goods, from nursery paint lines to hospital linens. Tiffany and Co. later adopted a shade close to robin egg blue rather than baby blue, making the distinction between pale blues commercially significant.
What colors go with Baby Blue?
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #8FD9FB |
color: #8FD9FB;
|
| RGB | 143, 217, 251 |
color: rgb(143, 217, 251);
|
| RGB Percentage | 56%, 85%, 98% |
color: rgb(56%, 85%, 98%);
|
| CMYK | 43%, 14%, 0%, 2% | Not supported in CSS |
| HSL | 199°, 93%, 77% |
color: hsl(199, 93%, 77%);
|
| HSV | 199°, 43%, 98% | Not supported in CSS |
| CIE-LAB | 62, -15, -11 |
color: lab(62% -15 -11);
|
| Decimal | 9427451 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.baby-blue {
color: #8FD9FB;
}
$baby-blue: #8FD9FB;
rgb(143, 217, 251)