Blue color

Baby Blue #89CFF0

#89CFF0 · rgb(137, 207, 240)

Baby Blue is the color #89CFF0. In RGB it is rgb(137, 207, 240) — 54% red, 81% green and 94% blue. Its CMYK breakdown is 43% cyan, 14% magenta, 0% yellow and 6% black, and in HSL it sits at 199° hue, 77% saturation and 74% lightness. Baby Blue is not a standard CSS color name; the nearest web color is Sky Blue (#87CEEB). The closest web-safe color is #99CCFF.

Open in color picker Convert Make a palette Check contrast

Baby Blue color codes

Hex#89CFF0

RGBrgb(137, 207, 240)

RGB %54%, 81%, 94%

HSLhsl(199, 77%, 74%)

HSV / HSBhsv(199, 43%, 94%)

CMYKcmyk(43%, 14%, 0%, 6%)

OKLCHoklch(82% 0.084 229)

Closest web-safe#99CCFF

Baby Blue color meaning

Baby Blue is a bold and energetic blue — a cool color at 74% lightness and 77% saturation. Like other blues, it is linked with trust, calm and dependability. It is the most widely liked color, which is why banks, tech companies and healthcare brands lean on it.

Because it is bold and energetic, baby blue works best for logos, buttons, highlights, sports kit and anything that should grab attention. As text on white it would be too faint (1.7:1), so use it for fills and backgrounds and put black text on top (12.2:1).

What colors go with Baby Blue?

Baby Blue pairs well with Light Salmon, Seafoam, Cornflower Blue and Charcoal: Light Salmon sits close to its opposite on the color wheel for strong contrast, Seafoam and Cornflower Blue are neighbors that keep a scheme calm, and Charcoal gives the eye somewhere to rest.

Build a full scheme around baby blue in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Baby Blue at a glance

Color family	Blue · cool, bold and energetic
CSS color name	No — nearest keyword is Sky Blue (#87CEEB)
As text on white	1.71:1 — not readable as text
Best text on it	Black (12.25:1)
For print (CMYK)	43% cyan, 14% magenta, 0% yellow, 6% black
Full screen	Open the baby blue screen — fill your display or download it in 4K

Contrast

Contrast ratio of Baby Blue against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 1.71:1 Black text — 12.25:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Baby Blue

Baby Blue color FAQ

What is the hex code for Baby Blue?

Baby Blue is #89CFF0, which is rgb(137, 207, 240) and hsl(199, 77%, 74%). For print it is roughly C43 M14 Y0 K6.

What colors go with Baby Blue?

Baby Blue pairs well with Light Salmon, Seafoam, Cornflower Blue, Charcoal. Light Salmon gives the strongest contrast, being close to its complementary color. Neutrals such as Charcoal also work well alongside it.

Is Baby Blue a warm or cool color?

Baby Blue is a cool color: its hue is 199°, on the green, blue and violet side of the color wheel.

What text color looks best on Baby Blue?

Black text, with a contrast ratio of 12.2:1, which meets WCAG AA for normal text.