Light Sky

Meet Light Sky (#C5DCEA), a soft, airy blue with a subtle gray undertone. This muted quality gives it a sophisticated and modern feel, making it a versatile choice for clean user interfaces. It’s a quiet color that still makes a strong impression.

What color is Light Sky?

What is the meaning of Light Sky?

How do I use Light Sky (#C5DCEA) in UI design?

Using Light Sky color codes

Light Sky

#C5DCEA

Access our full UI & UX library today.

What color is Light Sky?

What is the meaning of Light Sky?

How do I use Light Sky (#C5DCEA) in UI design?

Using Light Sky color codes

Light Sky Code Conversions

HEX

#C5DCEA

LAB

87, -5, -9

RGB

197, 220, 234

XYZ

63.5, 69.0, 87.8

HSL

203°, 47%, 85%

LCH

87, 11, 243°

HSB

203°, 16%, 92%

LUV

87, -13, -14

CMYK

16, 6, 0, 8

CMYK

16, 6, 0, 8

HWB

203°, 77%, 8%

Light Sky Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. For Light Sky, this creates a harmonious and serene palette, perfect for tranquil user interfaces.

#C5EAE6

#C5DCEA

#C5CAEA

#C5EAE6

#C5DCEA

#C5CAEA

Complementary

Complementary colors sit directly opposite Light Sky on the color wheel, creating a high-contrast, vibrant pairing that makes both hues pop.

#C5DCEA

#EAD3C5

#C5DCEA

#EAD3C5

Split Complementary

A split complementary scheme for Light Sky uses the two colors adjacent to its direct complement, creating a vibrant palette with less tension.

#C5DCEA

#EAC5CA

#EAE6C5

#C5DCEA

#EAC5CA

#EAE6C5

Triadic

A triadic harmony is built from three colors equidistant on the color wheel. Using Light Sky, this combination produces a bold and balanced effect.

#C5DCEA

#EAC5DC

#DCEAC5

#C5DCEA

#EAC5DC

#DCEAC5

Tetradic

Forming a rectangle on the color wheel, tetradic schemes use two pairs of complementary colors. See how Light Sky works in these vibrant palettes.

#C5DCEA

#E6C5EA

#EAD3C5

#CAEAC5

#C5DCEA

#E6C5EA

#EAD3C5

#CAEAC5

Square

A square color scheme uses four colors equidistant on the color wheel. This creates a lively, high-contrast palette with Light Sky as its foundation.

#C5DCEA

#E6C5EA

#EAD3C5

#CAEAC5

#C5DCEA

#E6C5EA

#EAD3C5

#CAEAC5

Light Sky Contrast Simulation

Text Color

#

Background Color

#

14.80

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.

14.80

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Light Sky Color Variations

Shades

By adding black to Light Sky, you create darker shades that add gravity and substance.

#C5DCEA

#A9BDC9

#8D9DA7

#717E86

#545E64

#383F43

#1C1F21

#000000

#C5DCEA

#A9BDC9

#8D9DA7

#717E86

#545E64

#383F43

#1C1F21

#000000

Tints

Tints of Light Sky are created by adding white, resulting in lighter, softer tones.

#C5DCEA

#CDE1ED

#D6E6F0

#DEEBF3

#E6F0F6

#EEF5F9

#F7FAFC

#FFFFFF

#C5DCEA

#CDE1ED

#D6E6F0

#DEEBF3

#E6F0F6

#EEF5F9

#F7FAFC

#FFFFFF

Tones

Tones are created by adding gray to Light Sky, resulting in softer, more muted versions.

#C5DCEA

#BBCFDB

#B1C2CC

#A7B5BD

#9EA7AD

#949A9E

#8A8D8F

#808080

#C5DCEA

#BBCFDB

#B1C2CC

#A7B5BD

#9EA7AD

#949A9E

#8A8D8F

#808080

Hues

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

#C5DCEA

#CAC5EA

#E6C5EA

#EAC5D3

#EAD3C5

#E5EAC5

#CAEAC5

#C5EADC

#C5DCEA

#CAC5EA

#E6C5EA

#EAC5D3

#EAD3C5

#E5EAC5

#CAEAC5

#C5EADC

What Interfaces Use Colors Like Light Sky?

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