Color Code Palette

Appearance

Light Baby Blue Color Code: HEX Code & RGB Code Values ​

Looking for specific light baby blue color code? Get exact light baby blue hex code #B3E0FF and light baby blue RGB code rgb(179,224,255). Complete color information for design and development projects featuring this extremely soft, delicate color.

Visual example of light baby blue color with its extremely soft, delicate appearance
HEX#B3E0FF
RGBrgb(179,224,255)

Shades of Light Baby Blue ​

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

🎨

Shades (Adding Black)

  • 3B82F6
    rgb(59, 130, 246)
  • 376BC8
    rgb(55, 107, 200)
  • 31559D
    rgb(49, 85, 157)
  • 294073
    rgb(41, 64, 115)
  • 202C4C
    rgb(32, 44, 76)
  • 151928
    rgb(21, 25, 40)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • 3B82F6
    rgb(59, 130, 246)
  • 6D95F8
    rgb(109, 149, 248)
  • 91A9FA
    rgb(145, 169, 250)
  • AFBEFC
    rgb(175, 190, 252)
  • CBD3FD
    rgb(203, 211, 253)
  • E5E9FE
    rgb(229, 233, 254)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • 3B82F6
    rgb(59, 130, 246)
  • 5082E9
    rgb(80, 130, 233)
  • 6182D7
    rgb(97, 130, 215)
  • 6F83C4
    rgb(111, 131, 196)
  • 7983B0
    rgb(121, 131, 176)
  • 80849B
    rgb(128, 132, 155)
  • 808080
    rgb(128, 128, 128)

Light Baby Blue Palette ​

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

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#DAF1FF
Light
#ACD2F3
Medium Light
#7AB5E7
Medium
#3498DB
Medium Dark
#2B6F9F
Dark
#214967
Darkest
#142634

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#3498DB
Left Dark
#76AEE2
Left Medium
#A4C5E9
Left Light
#CEDDEF
Neutral
#F5F5F5
Right Light
#F5D5C3
Right Medium
#F1B593
Right Dark
#E89664
Complementary End
#DB7734

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#A9CAED
Medium
#3498DB
Dark
#004D89
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#34DB77
Left Adjacent 1
#34DBCB
Main
#3498DB
Right Adjacent 1
#3445DB
Right Adjacent 2
#7734DB

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#3498DB
Complementary
#DB7734

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#3498DB
Secondary
#DB3498
Tertiary
#98DB34

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#3498DB
Right 90°
#CB34DB
Complementary
#DB7734
Left 90°
#45DB34

Tetradic

Two pairs of complementary colors

4 colors
Main
#3498DB
Secondary
#7734DB
Complementary
#DB7734
Complementary Secondary
#98DB34

Split Complementary

Complementary colors ±30°

3 colors
Main
#3498DB
Split Left
#DB3444
Split Right
#DBCB34

Cyclic

Circular gradient for periodic data

8 colors
0°
#3498DB
45°
#4D34DB
90°
#CB34DB
135°
#DB346E
180°
#DB7734
225°
#C2DB34
270°
#45DB34
315°
#34DBA1

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#A2B6C3
Pastel 1
#AFBFCB
Pastel 2
#BBC9D3
Pastel 3
#C7D3DB
Pastel 4
#D4DDE3
Deep Pastel
#E0E7EB

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 Light Baby Blue Hex & RGB Codes from Image ​

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

click or drag your image here
Supported formats: JPG, PNG, WebP

Light Baby Blue Color Code Converter ​

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

🎨

All Formats:

  • HEX:
    #ECB12E
  • RGB:
    rgb(236, 177, 46)
  • CMYK:
    cmyk(0%, 25%, 81%, 7%)
  • HSV:
    hsv(41°, 81%, 93%)
  • HSL:
    hsl(41°, 83%, 55%)

What is Light Baby Blue? ​

Light baby blue is an extremely soft, delicate blue color that's even lighter than traditional baby blue. It's a gentle, soothing shade that evokes feelings of innocence and calm.

The hex code for light baby blue is #B3E0FF, with RGB values of rgb(179, 224, 255). It's a tender, peaceful color.

Design Applications ​

Light baby blue works well in baby designs, wedding themes, and gentle branding. It pairs beautifully with soft pink, white, and cream. Use it for baby showers, wedding invitations, or feminine designs.

FAQ ​

What is the light baby blue hex code? ​

The light baby blue hex code is #B3E0FF.

What colors complement light baby blue? ​

Light baby blue pairs well with soft pink, white, cream, and lavender.

Is light baby blue gender-specific? ​

While often associated with baby boys, it's versatile for various designs.