Baby Blue #89CFF0

#89CFF0Baby Blue
HEX#89CFF0
RGBrgb(137, 207, 240)
HSLhsl(199, 77%, 74%)
HSVhsv(199, 43%, 94%)
OKLCHoklch(82% 0.084 229.3)
OKLABoklab(82% -0.055 -0.064)
CMYKcmyk(43%, 14%, 0%, 6%)

Baby Blue (#89CFF0) is a light, highly saturated blue hue. Baby blue is a soft pastel blue associated with nurseries and gentle brands.

In RGB it is made of 137 red, 207 green and 240 blue. Its HSL hue angle is 199° with 77% saturation and 74% lightness, while its perceptual OKLCH lightness is 82% with a chroma of 0.084. For print, a starting CMYK mix is 43% cyan, 14% magenta, 0% yellow and 6% black.

As a text color on white, Baby Blue has a contrast ratio of 1.71:1, which fails WCAG AA even for large text. On black it reaches 12.25:1 and passes AA for normal text. If you use Baby Blue as a background, put black (or very dark) text on it. The APCA lightness contrast is Lc 73 for black text and Lc -35 for white text.

Its perceptual complement is #F2B494, close to dusty rose. Colors that look most similar are sky blue, powder blue, periwinkle. It looks fairly similar to people with red-green color blindness (ΔE 5), so its meaning mostly survives.

Contrast

Text on white · 1.71:1 ✗
Text on black · 12.25:1 AA ✓
White on Baby Blue · APCA Lc -35
Black on Baby Blue · APCA Lc 73

Shades and tints of baby blue

Color harmonies

ComplementaryAnalogousSplit complementaryTriadicTetradicMonochromatic

How baby blue looks with color blindness

Protanopia: #BECCF2Deuteranopia: #AFC1F0Tritanopia: #5DD8D9Achromatopsia: #C6C6C6

Similar colors

Sky Blue#87CEEBPowder Blue#B0E0E6Periwinkle#CCCCFFSilver#C0C0C0Turquoise#40E0D0Process Cyan#00B7EBElectric Blue#7DF9FFSeafoam#93E9BE

FAQ

What is the hex code for baby blue?

The hex code for baby blue is #89CFF0, which is rgb(137, 207, 240) in RGB.

What text color goes on baby blue?

Black text. Its contrast with baby blue is 12.25:1.

What color is the complement of baby blue?

The perceptual (OKLCH) complement of #89CFF0 is #F2B494.

← All named colors