Baby Blue#89CFF0

Baby Blue Hex Code: #89CFF0

Baby Blue is a light, moderately saturated blue. Its OKLCH lightness is 82% and chroma 0.084. Text on this color reads best in black (contrast 12.25:1).

HEX#89CFF0
RGBrgb(137, 207, 240)
HSLhsl(199, 77%, 74%)
HSV / HSBhsv(199, 43%, 94%)
CMYKcmyk(43%, 14%, 0%, 6%)
OKLCHoklch(82% 0.084 229.3)

Open in converter →

Contrast

White text1.71:1
AAAA largeAAA
Black text12.25:1
AAAA largeAAA
On white1.71:1
AAAA largeAAA
On black12.25:1
AAAA largeAAA

Tints

#94D3F1Sky Blue#9ED8F3Light Blue#A9DCF4Light Blue#B3E0F5Powder Blue#BEE5F7#C9E9F8#D3EDF9#DEF2FB#E9F6FCAlice Blue#F3FAFEAlice Blue

Shades

#7DBCDA#70AAC5#6497AF#58849A#4B7284Teal Blue#3F5F6E#334D59Dark Slate Gray#263A43Gunmetal Gray#1A272E#0E1518

Matching colors

Complementary

#89CFF0Baby Blue#F0AA89

Analogous

#89CFF0Baby Blue#89F0DE#899CF0

Triadic

#89CFF0Baby Blue#F089CF#CFF089

Split complementary

#89CFF0Baby Blue#F0899C#F0DE89Khaki

Similar named colors

Sky Blue#87CEEBLight Sky Blue#87CEFALight Steel Blue#B0C4DELight Blue#ADD8E6Powder Blue#B0E0E6Medium Turquoise#48D1CCPeriwinkle#CCCCFFSilver#C0C0C0

All color names →

Code

CSScolor: #89CFF0;
Tailwindbg-[#89cff0]
SwiftUIColor(red: 0.537, green: 0.812, blue: 0.941)
AndroidColor.parseColor("#89CFF0")
FlutterColor(0xFF89CFF0)

Value from Wikipedia, List of colors (baby blue). Names like Baby Blue are not standardized, so other sources may list a slightly different hex.

Frequently asked questions

What is the hex code for baby blue?

Baby Blue is #89CFF0 in hex and rgb(137, 207, 240) in RGB.

What is baby blue in CMYK?

With the plain conversion formula it is cmyk(43, 14, 0, 6). For print, convert with your printer's ICC profile instead.

What text color works on baby blue?

Black text has the higher contrast at 12.25:1, which passes WCAG AA for normal text (4.5:1).