Sky Blue Color Code: HEX Code & RGB Code Values

Looking for specific sky blue color code? Get exact sky blue hex code #87CEEB and sky blue RGB code rgb(135,206,235). Complete color information for design and development projects featuring this fresh, airy color.

HEX#87CEEB

RGBrgb(135,206,235)

Shades of Sky Blue

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

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• 87CEEB

  rgb(135, 206, 235)
• 70A8C0

  rgb(112, 168, 192)
• 598496

  rgb(89, 132, 150)
• 44626E

  rgb(68, 98, 110)
• 2F4149

  rgb(47, 65, 73)
• 1B2327

  rgb(27, 35, 39)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• 87CEEB

  rgb(135, 206, 235)
• 9DD6EE

  rgb(157, 214, 238)
• B2DEF2

  rgb(178, 222, 242)
• C6E6F5

  rgb(198, 230, 245)
• DAEFF8

  rgb(218, 239, 248)
• ECF7FC

  rgb(236, 247, 252)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• 87CEEB

  rgb(135, 206, 235)
• 90CDE6

  rgb(144, 205, 230)
• 9BCBE1

  rgb(155, 203, 225)
• A6CADA

  rgb(166, 202, 218)
• B0C8D3

  rgb(176, 200, 211)
• BAC6CC

  rgb(186, 198, 204)
• 808080

  rgb(128, 128, 128)

Sky Blue Palette

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

#DEF2FA

Light

#C3E6F5

Medium Light

#A6DAF0

Medium

#87CEEB

Medium Dark

#69ACC9

Dark

#4B8BA9

Darkest

#2D6B89

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#87CEEB

Left Dark

#A6D8EE

Left Medium

#C1E1F0

Left Light

#DCEBF3

Neutral

#F5F5F5

Right Light

#F5E1D9

Right Medium

#F3CCBD

Right Dark

#F0B8A2

Complementary End

#EBA487

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#C6E6F5

Medium

#87CEEB

Dark

#05667F

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#87EBA4

Left Adjacent 1

#87EBD6

Main

#87CEEB

Right Adjacent 1

#879CEB

Right Adjacent 2

#A487EB

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#87CEEB

Complementary

#EBA487

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#87CEEB

Secondary

#EB87CE

Tertiary

#CEEB87

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#87CEEB

Right 90°

#D687EB

Complementary

#EBA487

Left 90°

#9CEB87

Tetradic

Two pairs of complementary colors

4 colors

Main

#87CEEB

Secondary

#A487EB

Complementary

#EBA487

Complementary Secondary

#CEEB87

Split Complementary

Complementary colors ±30°

3 colors

Main

#87CEEB

Split Left

#EB879C

Split Right

#EBD687

Cyclic

Circular gradient for periodic data

8 colors

0°

#87CEEB

45°

#8B87EB

90°

#D687EB

135°

#EB87B5

180°

#EBA487

225°

#E7EB87

270°

#9CEB87

315°

#87EBBD

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#A2B9C3

Pastel 1

#AEC3CB

Pastel 2

#BBCCD3

Pastel 3

#C7D5DB

Pastel 4

#D4DFE3

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

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

click or drag your image here

Supported formats: JPG, PNG, WebP

Sky Blue Color Code Converter

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

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #87CEEB
• RGB:
  rgb(135, 206, 235)
• CMYK:
  cmyk(43%, 12%, 0%, 8%)
• HSV:
  hsv(197°, 43%, 92%)
• HSL:
  hsl(197°, 71%, 73%)

---

What is Sky Blue?

Sky blue is a light, airy blue inspired by the clear daytime sky. The color evokes feelings of freedom, openness, and tranquility. Throughout history, sky blue has been associated with divinity in many cultures — ancient Egyptians used it to represent the heavens, while Renaissance painters used it for the robes of the Virgin Mary.

The hex code for sky blue is #87CEEB, with RGB values of rgb(135, 206, 235). The color features strong blue and green channels with minimal red, creating its characteristic soft, ethereal quality. Its CMYK values show moderate cyan with minimal magenta and yellow, producing a delicate blue in print.

Sky Blue vs Similar Colors

Sky blue occupies a unique light-blue territory:

Color	HEX Code	Key Difference
Sky Blue	#87CEEB	Soft, airy light blue
Light Blue	#ADD8E6	Slightly lighter, more muted
Azure	#007FFF	Brighter, more saturated
Powder Blue	#B0E0E6	Muted, slightly greenish

Sky blue is warmer and more inviting than azure, with a softer appearance than pure light blue. It sits perfectly between vibrant cyan and muted powder blue.

Color Psychology and Meaning

Sky blue carries a gentle psychological profile:

• Calm and serenity: Sky blue has a soothing effect, reducing stress and anxiety
• Hope and optimism: Associated with clear skies and new beginnings
• Freedom and openness: Evokes feelings of space and possibility
• Trust and reliability: Like all blues, sky blue conveys dependability

Using Sky Blue in Design

Sky blue's lightness makes it versatile:

Web and UI Design: Sky blue works beautifully for healthcare platforms, travel websites, and children's products. It creates welcoming interfaces, calming backgrounds, and approachable CTAs. Pair with white for maximum freshness.

Graphic Design: Sky blue is ideal for spring and summer campaigns, wellness branding, and children's book illustrations. It pairs naturally with soft pinks, yellows, and greens for cheerful designs.

Fashion and Interiors: A popular spring color, sky blue appears in casual wear and accessories. In interiors, it adds freshness as a bedroom accent or bathroom color scheme.

Color Harmony and Combinations

Sky blue pairs beautifully with:

• Monochromatic: Various shades of blue create depth and interest
• Complementary: Soft coral or peach provides gentle contrast
• Analogous: Mint green, lavender, and pale yellow create spring palettes
• Neutral grounding: White, cream, and light grey keep the palette fresh

For accessibility, sky blue (#87CEEB) on white achieves approximately 2.5:1 contrast — may need bold text or darkening for readability.

Frequently Asked Questions

What is the sky blue hex code?

The sky blue hex code is #87CEEB. This soft light blue is widely used in design.

What colors go well with sky blue?

Sky blue pairs beautifully with white, cream, soft pink, peach, mint green, and pale yellow.

Is sky blue the same as light blue?

No. Sky blue (#87CEEB) has more green undertones than pure light blue (#ADD8E6), giving it a warmer, more natural appearance.

What are the RGB values for sky blue?

The sky blue RGB code is rgb(135, 206, 235) — balanced blue and green with minimal red.

What is sky blue's CMYK value?

Sky blue CMYK is approximately C:42, M:12, Y:0, K:0, producing its characteristic soft blue in print.