Baby Blue Color Code: HEX Code & RGB Code Values

Looking for specific baby blue color code? Get exact baby blue hex code #89CFF0 and baby blue RGB code rgb(137,207,240). Complete color information for design and development projects featuring this soft, gentle color.

HEX#89CFF0

RGBrgb(137,207,240)

Shades of Baby Blue

Create custom shades of baby blue with our color generator. Adjust hues, tints, and tones to find the perfect shade of baby blue for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• 89CFF0

  rgb(137, 207, 240)
• 71A9C4

  rgb(113, 169, 196)
• 5B8599

  rgb(91, 133, 153)
• 456270

  rgb(69, 98, 112)
• 30414A

  rgb(48, 65, 74)
• 1C2327

  rgb(28, 35, 39)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• 89CFF0

  rgb(137, 207, 240)
• 9FD7F3

  rgb(159, 215, 243)
• B4DFF5

  rgb(180, 223, 245)
• C7E7F8

  rgb(199, 231, 248)
• DAEFFA

  rgb(218, 239, 250)
• EDF7FD

  rgb(237, 247, 253)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• 89CFF0

  rgb(137, 207, 240)
• 92CEEB

  rgb(146, 206, 235)
• 9DCDE5

  rgb(157, 205, 229)
• A8CBDE

  rgb(168, 203, 222)
• B2C9D6

  rgb(178, 201, 214)
• BCC8CE

  rgb(188, 200, 206)
• 808080

  rgb(128, 128, 128)

Baby Blue Palette

Explore curated and automatically generated color palettes featuring baby blue. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#E3F4FC

Light

#C7E7F8

Medium Light

#AADBF4

Medium

#89CFF0

Medium Dark

#6AADD0

Dark

#4C8DB2

Darkest

#2B6E94

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#89CFF0

Left Dark

#A7D8F1

Left Medium

#C3E2F3

Left Light

#DCEBF4

Neutral

#F5F5F5

Right Light

#F6E2D9

Right Medium

#F6CFBE

Right Dark

#F4BDA3

Complementary End

#F0AA89

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#C7E7F8

Medium

#89CFF0

Dark

#066683

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#89F0AA

Left Adjacent 1

#89F0DE

Main

#89CFF0

Right Adjacent 1

#899CF0

Right Adjacent 2

#AA89F0

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#89CFF0

Complementary

#F0AA89

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#89CFF0

Secondary

#F089CF

Tertiary

#CFF089

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#89CFF0

Right 90°

#DD89F0

Complementary

#F0AA89

Left 90°

#9CF089

Tetradic

Two pairs of complementary colors

4 colors

Main

#89CFF0

Secondary

#AA89F0

Complementary

#F0AA89

Complementary Secondary

#CFF089

Split Complementary

Complementary colors ±30°

3 colors

Main

#89CFF0

Split Left

#F0899C

Split Right

#F0DD89

Cyclic

Circular gradient for periodic data

8 colors

0°

#89CFF0

45°

#9089F0

90°

#DD89F0

135°

#F089B5

180°

#F0AA89

225°

#E9F089

270°

#9CF089

315°

#89F0C4

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#A1B9C4

Pastel 1

#ADC2CC

Pastel 2

#BACCD4

Pastel 3

#C6D5DC

Pastel 4

#D3DEE4

Deep Pastel

#E0E8EB

Common Blue Color Codes (HEX & RGB)

Blue →

HEX:#0000FF

RGB:rgb(0, 0, 255)

Navy Blue →

HEX:#000080

RGB:rgb(0, 0, 128)

Dark Blue →

HEX:#00008B

RGB:rgb(0, 0, 139)

Light Blue →

HEX:#ADD8E6

RGB:rgb(173, 216, 230)

Royal Blue →

HEX:#4169E1

RGB:rgb(65, 105, 225)

Sky Blue →

HEX:#87CEEB

RGB:rgb(135, 206, 235)

Baby Blue →

HEX:#89CFF0

RGB:rgb(137, 207, 240)

Electric Blue →

HEX:#7DF9FF

RGB:rgb(125, 249, 255)

Indigo →

HEX:#4B0082

RGB:rgb(75, 0, 130)

Turquoise →

HEX:#40E0D0

RGB:rgb(64, 224, 208)

Cyan →

HEX:#00FFFF

RGB:rgb(0, 255, 255)

Extract Baby Blue Hex & RGB Codes from Image

Upload a photo to find the exact baby blue HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Baby Blue Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for baby blue shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #89CFF0
• RGB:
  rgb(137, 207, 240)
• CMYK:
  cmyk(43%, 14%, 0%, 6%)
• HSV:
  hsv(199°, 43%, 94%)
• HSL:
  hsl(199°, 77%, 74%)

---

What is Baby Blue?

Baby blue is a soft, gentle pale blue color traditionally associated with baby boys. It's a calming, nurturing shade that evokes innocence and tenderness.

The hex code for baby blue is #89CFF0, with RGB values of rgb(137, 207, 240). It's a sweet, soothing color.

Design Applications

Baby blue is perfect for baby showers, children's products, and gender reveal designs. It pairs beautifully with pink, yellow, and white. Use it for nursery decor, baby clothing, or gentle branding.

FAQ

What is the baby blue hex code?

The baby blue hex code is #89CFF0.

What colors complement baby blue?

Baby blue pairs well with pink, yellow, white, and light gray.

Is baby blue only for boys?

While traditionally used for boys, baby blue is a versatile color suitable for various designs.