Skip to content

Baby Blue Color Code #89CFF0

Baby Blue has the HEX code #89CFF0 and the RGB value rgb(137, 207, 240).

Baby Blue#89CFF0

Baby Blue color codes

HEX#89CFF0
RGBrgb(137, 207, 240)
HSLhsl(199, 77%, 74%)
CMYKcmyk(43%, 14%, 0%, 6%)
RGB percent54%, 81%, 94%
Decimal9031664

Tints of Baby Blue

#95D4F2#A1D9F3#ACDDF5#B8E2F6#C4E7F8#D0ECF9#DCF1FB#E7F5FC#F3FAFE

Shades of Baby Blue

#7BBAD8#6EA6C0#6091A8#527C90#456878#375360#293E48#1B2930#0E1518

Color combinations

Complementary

#89CFF0#F0AA8A

Analogous

#89CFF0#8AF0DD#8A9CF0

Triadic

#89CFF0#F08ACF#CFF08A

Use Baby Blue in CSS

.text { color: #89CFF0; }
.box { background-color: rgb(137, 207, 240); }
.border { border: 2px solid hsl(199, 77%, 74%); }
Text in Baby Blue Background in Baby Blue

Similar colors

Frequently asked questions

What is the HEX code for Baby Blue?

The HEX code for Baby Blue is #89CFF0.

What is the RGB value of Baby Blue?

Baby Blue in RGB is rgb(137, 207, 240): red 137, green 207 and blue 240 out of 255.

How do I use Baby Blue in CSS?

Use color: #89CFF0; for text or background-color: #89CFF0; for backgrounds.