Light Blue Color Code: HEX Code & RGB Code Values

Looking for specific light blue color code? Get exact light blue hex code #ADD8E6 and light blue RGB code rgb(173,216,230). Complete color information for design and development projects featuring this fresh, airy color.

HEX#ADD8E6

RGBrgb(173,216,230)

Shades of Light Blue

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

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• ADD8E6

  rgb(173, 216, 230)
• 8EB0BC

  rgb(142, 176, 188)
• 708A93

  rgb(112, 138, 147)
• 53666C

  rgb(83, 102, 108)
• 384448

  rgb(56, 68, 72)
• 1F2426

  rgb(31, 36, 38)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• ADD8E6

  rgb(173, 216, 230)
• BBDEEA

  rgb(187, 222, 234)
• C9E5EE

  rgb(201, 229, 238)
• D7EBF2

  rgb(215, 235, 242)
• E4F2F7

  rgb(228, 242, 247)
• F2F8FB

  rgb(242, 248, 251)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• ADD8E6

  rgb(173, 216, 230)
• B2D7E4

  rgb(178, 215, 228)
• B8D6E0

  rgb(184, 214, 224)
• BED5DD

  rgb(190, 213, 221)
• C4D4D9

  rgb(196, 212, 217)
• CBD2D5

  rgb(203, 210, 213)
• 808080

  rgb(128, 128, 128)

Light Blue Palette

Explore curated and automatically generated color palettes featuring light 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

#EBF6F9

Light

#D7ECF3

Medium Light

#C2E2EC

Medium

#ADD8E6

Medium Dark

#89B9CA

Dark

#659BAE

Darkest

#3F7D94

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#ADD8E6

Left Dark

#C0DFEA

Left Medium

#D2E6EE

Left Light

#E4EEF1

Neutral

#F5F5F5

Right Light

#F2E6E3

Right Medium

#EFD8D0

Right Dark

#EBC9BF

Complementary End

#E6BBAD

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#D7EBF2

Medium

#ADD8E6

Dark

#3F6975

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#ADE6BB

Left Adjacent 1

#ADE6D8

Main

#ADD8E6

Right Adjacent 1

#ADBCE6

Right Adjacent 2

#BBADE6

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#ADD8E6

Complementary

#E6BBAD

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#ADD8E6

Secondary

#E6ADD8

Tertiary

#D8E6AD

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#ADD8E6

Right 90°

#D8ADE6

Complementary

#E6BBAD

Left 90°

#BCE6AD

Tetradic

Two pairs of complementary colors

4 colors

Main

#ADD8E6

Secondary

#BBADE6

Complementary

#E6BBAD

Complementary Secondary

#D8E6AD

Split Complementary

Complementary colors ±30°

3 colors

Main

#ADD8E6

Split Left

#E6ADBC

Split Right

#E6D8AD

Cyclic

Circular gradient for periodic data

8 colors

0°

#ADD8E6

45°

#ADADE6

90°

#D8ADE6

135°

#E6ADCA

180°

#E6BBAD

225°

#E6E6AD

270°

#BCE6AD

315°

#ADE6C9

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#A6B9BF

Pastel 1

#B2C2C7

Pastel 2

#BECBD0

Pastel 3

#CAD5D8

Pastel 4

#D6DEE1

Deep Pastel

#E1E8EA

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

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

click or drag your image here

Supported formats: JPG, PNG, WebP

Light Blue Color Code Converter

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

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #ADD8E6
• RGB:
  rgb(173, 216, 230)
• CMYK:
  cmyk(25%, 6%, 0%, 10%)
• HSV:
  hsv(195°, 25%, 90%)
• HSL:
  hsl(195°, 53%, 79%)

---

What is Light Blue?

Light blue is a fresh, airy blue color that resembles a clear sky on a sunny day. It's a calming, cheerful shade that evokes feelings of peace and happiness.

The hex code for light blue is #ADD8E6, with RGB values of rgb(173, 216, 230). It's a bright, uplifting color.

Design Applications

Light blue works well in spring designs, beach themes, and cheerful branding. It pairs beautifully with white, yellow, and coral. Use it for vacation designs, spring decorations, or happy branding.

FAQ

What is the light blue hex code?

The light blue hex code is #ADD8E6.

What colors complement light blue?

Light blue pairs well with white, yellow, coral, and orange.

Is light blue a web-safe color?

Yes, light blue is one of the original web-safe colors.