Baby blue color

A sweet light blue traditionally linked to newborn clothes. It's bright and friendly. It's used for baby showers, cribs and summer clothing.

Baby blue · #89CFF0

About baby blue

Baby blue (#89CFF0) is a cool, light, highly saturated color. It belongs to the blues family. It mixes 137 red, 207 green and 240 blue (out of 255). It is mostly used in kids, fashion, home decor.

Baby blue shades and tints

From lightest to darkest. Tap a shade to copy its code.

Baby blue color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Peach

AnalogousClose to: Seafoam green, Wisteria

TriadicClose to: Neon pink, Pastel yellow

Split complementaryClose to: Flamingo pink, Pastel yellow

TetradicClose to: Orchid, Peach, Light green

Baby blue color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Baby blue

Analogous palette · Baby blue

Complementary palette · Baby blue

Triadic palette · Baby blue

With neutrals palette · Baby blue

With an accent palette · Baby blue

Baby blue contrast with text

White textContrast 1.7:1 · Not recommended

Black textContrast 12.2:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --baby-blue: #89CFF0;
  --baby-blue-rgb: 137, 207, 240;
}
.bg { background-color: var(--baby-blue); }
.text { color: var(--baby-blue); }

Colors similar to baby blue

Sky blue Light blue Pastel blue Pastel turquoise Blue gray Silver Light gray Pastel lilac Ash gray Pearl gray

Themed palettes with this color

More blues

Blue Navy blue Sky blue Cobalt blue Sapphire blue Steel blue Royal blue Electric blue Midnight blue Ultramarine French blue Prussian blue Pastel blue Denim blue Klein blue Dark blue Light blue Cerulean

Frequently asked questions

What is the hex code for baby blue?

The hex code for baby blue is #89CFF0. In RGB it is rgb(137, 207, 240), in HSL hsl(199, 77%, 74%) and in CMYK 43, 14, 0, 6.

What is the complementary color of baby blue?

Its complement on the color wheel is #F0AA89, close to peach. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on baby blue?

Use black text instead: the contrast with white is only 1.7:1, while with black it is 12.2:1.