Skip to the color picker

Baby blue color: #89cff0

Baby blue is #89cff0, rgb(137, 207, 240) in RGB and oklch(81.991% 0.08418 229.328) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

199°
100%

82%
0.084
229°
  • Sky blue
  • Light
  • Vivid
  • Pastel
  • Cool
  • sky-300
  • Black 6%

Inside sRGB: displays the same on any screen.

White text
1.71:1Hard to read
Lc -35
Black text
12.25:1Readable · AA
Lc 73

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

Palettes with Baby blue

Similar named colors

Questions about Baby blue

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.22, 77.44%, 73.92%) and in OKLCH oklch(81.991% 0.08418 229.328).

What colors go well with Baby blue?

Its complementary color is #f2b494. For a calmer look, pair it with the analogous colors #7ed5d9 and #a4c6fb. Ready palettes with Baby blue are shown on this page.

Is Baby blue a warm or cool color?

Baby blue is a cool color with an OKLCH hue of 229 degrees.

What text color is readable on Baby blue?

Black text is more readable on Baby blue: white gives a contrast ratio of 1.71:1 and black gives 12.25:1. WCAG AA asks for at least 4.5:1 for body text.

About #89cff0

#89cff0 is a pastel light sky blue color. In OKLCH it has 82% lightness, 0.084 chroma and a hue of 229°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.71:1 contrast and black text 12.25:1, so black text reads better.

The closest named color is Pool Tiles (#89cff0). In Tailwind CSS the closest color is sky-300.

More light sky blue colors

Lighter: #89cff0 mixed with white

  1. 89cff0

Darker: #89cff0 mixed with black

  1. 89cff0

Calmer: #89cff0 with less saturation

  1. 89cff0

Similar named colors

Colors that go with #89cff0

Complementary
#89cff0
Analogous
#89cff0
Triadic
#89cff0
Split
#89cff0