Light Cobalt Blue

Meet Light Cobalt Blue (#88ACE0), a color that balances vibrancy with a soft, airy quality. Its striking character comes from a unique blend of cool blue undertones and a gentle luminosity, making it a versatile choice for modern digital interfaces without being overpowering.

What color is Light Cobalt Blue?

What is the meaning of Light Cobalt Blue?

How do I use Light Cobalt Blue (#88ACE0) in UI design?

Using Light Cobalt Blue color codes

Light Cobalt Blue

#88ACE0

Access our full UI & UX library today.

What color is Light Cobalt Blue?

What is the meaning of Light Cobalt Blue?

How do I use Light Cobalt Blue (#88ACE0) in UI design?

Using Light Cobalt Blue color codes

Light Cobalt Blue Code Conversions

HEX

#88ACE0

LAB

70, 1, -30

RGB

136, 172, 224

XYZ

38.4, 40.1, 76.2

HSL

215°, 59%, 71%

LCH

70, 30, 271°

HSB

215°, 39%, 88%

LUV

70, -19, -48

CMYK

39, 23, 0, 12

CMYK

39, 23, 0, 12

HWB

215°, 53%, 12%

Light Cobalt Blue Color Harmonies

Analogous

Analogous colors are neighbors to Light Cobalt Blue on the color wheel. They create a cohesive and serene palette, perfect for harmonious designs.

#88D8E0

#88ACE0

#9088E0

#88D8E0

#88ACE0

#9088E0

Complementary

Complementary colors sit opposite each other on the color wheel. For Light Cobalt Blue, its complement creates a striking, high-contrast visual pairing.

#88ACE0

#E0BC88

#88ACE0

#E0BC88

Split Complementary

Split complementary colors for Light Cobalt Blue are the two colors adjacent to its direct opposite, offering a vibrant yet balanced high-contrast palette.

#88ACE0

#E09088

#D8E088

#88ACE0

#E09088

#D8E088

Triadic

A triadic palette combines Light Cobalt Blue with two other hues equidistant on the color wheel, creating a high-contrast, yet harmonious, color combination.

#88ACE0

#E088AC

#ACE088

#88ACE0

#E088AC

#ACE088

Tetradic

A tetradic scheme pairs Light Cobalt Blue with three other colors, forming two complementary pairs for a rich and attention-grabbing four-color palette.

#88ACE0

#E088D8

#E0BC88

#88E090

#88ACE0

#E088D8

#E0BC88

#88E090

Square

A square color scheme uses four colors evenly spaced on the color wheel, creating a vibrant and balanced palette with high contrast for Light Cobalt Blue.

#88ACE0

#E088D8

#E0BC88

#88E090

#88ACE0

#E088D8

#E0BC88

#88E090

Light Cobalt Blue Contrast Simulation

Text Color

#

Background Color

#

9.02

Excellent

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.

9.02

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Light Cobalt Blue Color Variations

Shades

Shades of Light Cobalt Blue are made by adding black, creating a deeper, weightier feel.

#88ACE0

#7593C0

#617BA0

#4E6280

#3A4A60

#273140

#131920

#000000

#88ACE0

#7593C0

#617BA0

#4E6280

#3A4A60

#273140

#131920

#000000

Tints

By adding white, you can create tints of Light Cobalt Blue for a gentler, airier look.

#88ACE0

#99B8E4

#AAC4E9

#BBD0ED

#CCDBF2

#DDE7F6

#EEF3FB

#FFFFFF

#88ACE0

#99B8E4

#AAC4E9

#BBD0ED

#CCDBF2

#DDE7F6

#EEF3FB

#FFFFFF

Tones

Tones of Light Cobalt Blue are created with gray, producing softer, less saturated versions.

#88ACE0

#87A6D2

#869FC5

#8599B7

#8393A9

#828D9B

#81868E

#808080

#88ACE0

#87A6D2

#869FC5

#8599B7

#8393A9

#828D9B

#81868E

#808080

Hues

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

#88ACE0

#A688E0

#E088D8

#E08896

#E0BC88

#C2E088

#88E090

#88E0D2

#88ACE0

#A688E0

#E088D8

#E08896

#E0BC88

#C2E088

#88E090

#88E0D2

What Interfaces Use Colors Like Light Cobalt 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