Light Cornflower Blue

HEX: #93CCEA | Modern Palette

On White
1.74:1
FAIL
On Black
12.07:1
PASS

Color Specifications

HEX
#93CCEA
RGB
147, 204, 234
HSL
200°, 37% ,91%
CMYK
37.18, 12.82, 0, 8.24

About Light Cornflower Blue

Light Cornflower Blue (#93CCEA) is a color with RGB(147, 204, 234) and HSL(200.69°, 37.18%, 91.76%). In design, it fits Cool styles and is suitable for Text, Background, Print. Its complementary color is #EAB193, which creates strong contrast. Its triadic palette includes #EA93CC and #CCEA93. The name comes from Light Cornflower Blue (English).

  • HEX: #93CCEA
  • RGB: 147, 204, 234
  • HSL: 200.69°, 37.18%, 91.76%
  • Style: Cool
  • Use case: Text, Background, Print
  • Complementary color: #EAB193
  • Triadic colors: #EA93CC, #CCEA93
  • The name comes from Light Cornflower Blue (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Light Cornflower Blue #93CCEA is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
 
 
LIGHT CORNFLOWER BLUE
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
LIGHT CORNFLOWER BLUE
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
 
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Light Cornflower Blue #93CCEA pairs with #EAB193 as its complementary color, and #EA93CC and #CCEA93 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

LIGHT CORNFLOWER BLUE
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

LIGHT CORNFLOWER BLUE
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

LIGHT CORNFLOWER BLUE
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

LIGHT CORNFLOWER BLUE
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

LIGHT CORNFLOWER BLUE
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

LIGHT CORNFLOWER BLUE

Shades & Tints

The shade and tint range for Light Cornflower Blue #93CCEA moves from dark #040F15 tones through the base color to lighter #EAF5FB tones, making it useful for depth, hierarchy, and background variation.

LIGHT CORNFLOWER BLUE

Color Characteristics

Mood
Style
Cool
Use case
Text Background Print

Accessibility Simulation

Deuteranopia #BEBEEB
Protanopia #C7C7EA
Tritanopia #8CD0D0
Achromatopsia #C4C4C4

Frequently Asked Questions

Light Cornflower Blue (#93CCEA) is a color with RGB(147, 204, 234) and HSL(200.69°, 37.18%, 91.76%).

#93CCEA pairs strongly with #EAB193 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#93CCEA is suitable for Text, Background, Print and works well with Cool styles.

The name Light Cornflower Blue is linked to Light Cornflower Blue from English, meaning A light shade of blue, reminiscent of the color of a cornflower (Centaurea cyanus)..

Name, History & Etymology

Origin Word Light Cornflower Blue
Meaning A light shade of blue, reminiscent of the color of a cornflower (Centaurea cyanus).
Language English
First Recorded Use Late 19th - Early 20th Century

History

The color 'cornflower blue' itself is inspired by the vibrant blue petals of the cornflower, a common wildflower in Europe. As color standardization and naming became more prevalent in industries like textiles, paints, and dyes, descriptive names like 'cornflower blue' gained traction. The addition of 'light' serves to specify a paler variant of the base color, distinguishing it from a more saturated or darker 'cornflower blue'. The hex code #93ccea is a modern digital representation of this specific shade.

First Recorded Use

While 'cornflower blue' as a color name likely emerged in the late 19th century, the specific modifier 'light' would have followed as a way to differentiate shades. Precise first use of 'Light Cornflower Blue' is difficult to pinpoint without extensive historical textile or paint catalog research, but it fits the naming conventions of the early 20th century.

Cultural Associations

Cornflowers have cultural significance in various European traditions, often symbolizing delicacy, hope, or remembrance. In Germany, it was a national flower. The color 'cornflower blue' evokes a sense of natural beauty and often carries connotations of calmness, serenity, and a touch of rustic charm. It's a popular color in interior design for creating airy spaces and in fashion for its gentle appeal.

Similar Named Colors
Cornflower #9ACEEB ΔE 1.07
Baby Blue #89CFF0 ΔE 1.91
Sky Blue #87CEEB ΔE 2.54
Pale Cyan #87D3F8 ΔE 2.94

Code Snippets

/* Background */
.element {
    background-color: #93CCEA;
}

/* Text */
.element {
    color: #93CCEA;
}

/* Border */
.element {
    border: 1px solid #93CCEA;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #93CCEA,
        #F2E8E2
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #93CCEA,
        #F2E8E2
    );
}

// SCSS variable
$light-cornflower-blue: #93CCEA;

// With RGB channels (useful for rgba() usage)
$light-cornflower-blue-r: 147;
$light-cornflower-blue-g: 204;
$light-cornflower-blue-b: 234;

// Usage
.element {
    background-color: $light-cornflower-blue;
    color: rgba($light-cornflower-blue-r, $light-cornflower-blue-g, $light-cornflower-blue-b, 0.8);
}