Light Sky Blue

Meet Light Sky Blue, hex code #87CEFA, a color that brings a crisp, airy quality to any design palette. Its gentle saturation and high brightness create a clean, open feel, offering a refreshing alternative to more intense blues without losing visual presence.

What color is Light Sky Blue?

What is the meaning of Light Sky Blue?

How do I use Light Sky Blue (#87CEFA) in UI design?

Using Light Sky Blue color codes

Light Sky Blue

#87CEFA

Access our full UI & UX library today.

What color is Light Sky Blue?

What is the meaning of Light Sky Blue?

How do I use Light Sky Blue (#87CEFA) in UI design?

Using Light Sky Blue color codes

Light Sky Blue Code Conversions

HEX

#87CEFA

LAB

80, -11, -29

RGB

135, 206, 250

XYZ

49.3, 56.2, 98.7

HSL

203°, 92%, 75%

LCH

80, 30, 249°

HSB

203°, 46%, 98%

LUV

80, -33, -44

CMYK

46, 18, 0, 2

CMYK

46, 18, 0, 2

HWB

203°, 53%, 2%

Light Sky Blue Color Harmonies

Analogous

Sitting beside Light Sky Blue on the color wheel, analogous colors produce a cohesive and serene palette, perfect for creating a sense of calm.

#87FAED

#87CEFA

#8794FA

#87FAED

#87CEFA

#8794FA

Complementary

For a vibrant pairing, look directly across the color wheel from Light Sky Blue. These complementary hues create maximum visual pop and contrast.

#87CEFA

#FAB387

#87CEFA

#FAB387

Split Complementary

A split complementary palette for Light Sky Blue uses the two colors adjacent to its direct complement, offering a vibrant yet balanced high-contrast combination.

#87CEFA

#FA8794

#FAEC87

#87CEFA

#FA8794

#FAEC87

Triadic

A triadic scheme creates a high-contrast palette by pairing Light Sky Blue with two other colors that are equally spaced on the color wheel.

#87CEFA

#FA87CE

#CEFA87

#87CEFA

#FA87CE

#CEFA87

Tetradic

Tetradic schemes for Light Sky Blue involve two pairs of complementary colors, creating a bold, rectangular palette that offers great visual variety.

#87CEFA

#ED87FA

#FAB387

#94FA87

#87CEFA

#ED87FA

#FAB387

#94FA87

Square

A square color scheme uses four colors evenly spaced on the color wheel, creating a vibrant, high-contrast palette with Light Sky Blue.

#87CEFA

#ED87FA

#FAB387

#94FA87

#87CEFA

#ED87FA

#FAB387

#94FA87

Light Sky Blue Contrast Simulation

Text Color

#

Background Color

#

12.24

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

12.24

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Light Sky Blue Color Variations

Shades

By adding black, shades of Light Sky Blue become darker, adding substance and visual weight.

#87CEFA

#74B1D6

#6093B3

#4D768F

#3A586B

#273B47

#131D24

#000000

#87CEFA

#74B1D6

#6093B3

#4D768F

#3A586B

#273B47

#131D24

#000000

Tints

Tints of Light Sky Blue are created by adding white, resulting in softer, airier variations.

#87CEFA

#98D5FB

#A9DCFB

#BAE3FC

#CCEAFD

#DDF1FE

#EEF8FE

#FFFFFF

#87CEFA

#98D5FB

#A9DCFB

#BAE3FC

#CCEAFD

#DDF1FE

#EEF8FE

#FFFFFF

Tones

Tones are subtle variations of Light Sky Blue, created by adding gray for a softer look.

#87CEFA

#86C3E9

#85B8D7

#84ADC6

#83A1B4

#8296A3

#818B91

#808080

#87CEFA

#86C3E9

#85B8D7

#84ADC6

#83A1B4

#8296A3

#818B91

#808080

Hues

Hues are variations of Light Sky Blue, differing in intensity or temperature to create distinct moods.

#87CEFA

#9687FA

#ED87FA

#FA87B1

#FAB387

#EBFA87

#94FA87

#87FAD0

#87CEFA

#9687FA

#ED87FA

#FA87B1

#FAB387

#EBFA87

#94FA87

#87FAD0

What Interfaces Use Colors Like Light Sky Blue?

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox