Light Cornflower Blue

Meet Light Cornflower Blue, #93CCEA. This bright, airy hue sits at a unique intersection of sky blue and cyan, offering a crisp, digital-first feel. Its clarity and gentle saturation make it a standout choice for modern interfaces, providing a clean yet memorable visual foundation.

What color is Light Cornflower Blue?

What is the meaning of Light Cornflower Blue?

How do I use Light Cornflower Blue (#93CCEA) in UI design?

Using Light Cornflower Blue color codes

Light Cornflower Blue

#93CCEA

Access our full UI & UX library today.

What color is Light Cornflower Blue?

What is the meaning of Light Cornflower Blue?

How do I use Light Cornflower Blue (#93CCEA) in UI design?

Using Light Cornflower Blue color codes

Light Cornflower Blue Code Conversions

HEX

#93CCEA

LAB

79, -11, -21

RGB

147, 204, 234

XYZ

48.5, 55.3, 86.0

HSL

201°, 67%, 75%

LCH

79, 23, 242°

HSB

201°, 37%, 92%

LUV

79, -28, -31

CMYK

37, 13, 0, 8

CMYK

37, 13, 0, 8

HWB

201°, 58%, 8%

Light Cornflower Blue Color Harmonies

Analogous

Analogous colors sit side-by-side on the color wheel. With Light Cornflower Blue, this creates a cohesive and serene palette for your designs.

#93EADC

#93CCEA

#93A1EA

#93EADC

#93CCEA

#93A1EA

Complementary

Complementary colors sit directly opposite each other on the color wheel. Pairing them with Light Cornflower Blue creates a striking, high-contrast visual effect.

#93CCEA

#EAB193

#93CCEA

#EAB193

Split Complementary

Split complementary colors for Light Cornflower Blue offer a vibrant yet balanced palette by pairing it with the two colors adjacent to its direct complement.

#93CCEA

#EA93A1

#EADD93

#93CCEA

#EA93A1

#EADD93

Triadic

A triadic palette pairs Light Cornflower Blue with two other colors, all evenly spaced on the color wheel, for a bold and harmonious effect.

#93CCEA

#EA93CC

#CCEA93

#93CCEA

#EA93CC

#CCEA93

Tetradic

Tetradic schemes pair Light Cornflower Blue with three other colors, forming two complementary pairs for a rich, balanced, and vibrant palette.

#93CCEA

#DC93EA

#EAB193

#A1EA93

#93CCEA

#DC93EA

#EAB193

#A1EA93

Square

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

#93CCEA

#DC93EA

#EAB193

#A1EA93

#93CCEA

#DC93EA

#EAB193

#A1EA93

Light Cornflower Blue Contrast Simulation

Text Color

#

Background Color

#

12.07

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.07

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Light Cornflower Blue Color Variations

Shades

By mixing black with Light Cornflower Blue, you create shades with added depth and gravity.

#93CCEA

#7EAFC9

#6992A7

#547586

#3F5764

#2A3A43

#151D21

#000000

#93CCEA

#7EAFC9

#6992A7

#547586

#3F5764

#2A3A43

#151D21

#000000

Tints

Tints of Light Cornflower Blue are created by adding white, resulting in softer, paler variations.

#93CCEA

#A2D3ED

#B2DBF0

#C1E2F3

#D1E9F6

#E0F0F9

#F0F8FC

#FFFFFF

#93CCEA

#A2D3ED

#B2DBF0

#C1E2F3

#D1E9F6

#E0F0F9

#F0F8FC

#FFFFFF

Tones

Tones of Light Cornflower Blue are created by adding gray, resulting in softer, desaturated variations.

#93CCEA

#90C1DB

#8EB6CC

#8BABBD

#88A1AD

#85969E

#838B8F

#808080

#93CCEA

#90C1DB

#8EB6CC

#8BABBD

#88A1AD

#85969E

#838B8F

#808080

Hues

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

#93CCEA

#9B93EA

#DC93EA

#EA93B6

#EAB193

#E2EA93

#A1EA93

#93EAC7

#93CCEA

#9B93EA

#DC93EA

#EA93B6

#EAB193

#E2EA93

#A1EA93

#93EAC7

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