Aero Blue

HEX: #C9FFE5 | Modern Palette

On White
1.11:1
FAIL
On Black
18.92:1
PASS

Color Specifications

HEX
#C9FFE5
RGB
201, 255, 229
HSL
151°, 21% ,100%
CMYK
21.18, 0, 10.2, 0

About Aero Blue

Aero Blue (#C9FFE5) is a color with RGB(201, 255, 229) and HSL(151.11°, 21.18%, 100%). In design, it fits Pastel, Cool styles and is suitable for Text, Background, Print. Its complementary color is #FFC9E3, which creates strong contrast. Its triadic palette includes #E5C9FF and #FFE5C9. The name comes from Aero Blue (English).

  • HEX: #C9FFE5
  • RGB: 201, 255, 229
  • HSL: 151.11°, 21.18%, 100%
  • Style: Pastel, Cool
  • Use case: Text, Background, Print
  • Complementary color: #FFC9E3
  • Triadic colors: #E5C9FF, #FFE5C9
  • The name comes from Aero Blue (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Aero Blue #C9FFE5 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.
 
 
 
 
AERO BLUE
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
AERO 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

Aero Blue #C9FFE5 pairs with #FFC9E3 as its complementary color, and #E5C9FF and #FFE5C9 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.

AERO BLUE
Analogous

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

AERO BLUE
Triadic

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

AERO BLUE
Split-Complementary

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

AERO BLUE
Tetradic (Square)

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

AERO BLUE
Monochromatic

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

AERO BLUE

Shades & Tints

The shade and tint range for Aero Blue #C9FFE5 moves from dark #001A0D tones through the base color to lighter #E6FFF3 tones, making it useful for depth, hierarchy, and background variation.

AERO BLUE

Color Characteristics

Mood
Style
Pastel Cool
Use case
Text Background Print

Accessibility Simulation

Deuteranopia #F1F1E6
Protanopia #FAFAE5
Tritanopia #CDFCFC
Achromatopsia #F3F3F3

Frequently Asked Questions

Aero Blue (#C9FFE5) is a color with RGB(201, 255, 229) and HSL(151.11°, 21.18%, 100%).

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

#C9FFE5 is suitable for Text, Background, Print and works well with Pastel, Cool styles.

The name Aero Blue is linked to Aero Blue from English, meaning A shade of blue reminiscent of the sky or air, often with a light, airy, or pastel quality..

Name, History & Etymology

Origin Word Aero Blue
Meaning A shade of blue reminiscent of the sky or air, often with a light, airy, or pastel quality.
Language English
First Recorded Use Early 20th Century

History

The term 'aero' itself comes from Greek 'aer' meaning 'air'. When combined with 'blue', it evokes a light, often desaturated blue, similar to a clear daytime sky or the color associated with aviation. It's a descriptive color name rather than one tied to a specific pigment discovery. Its popularity has waxed and waned, often appearing in spring/summer fashion collections, interior design for a calming effect, and sometimes in branding for products related to freshness, cleanliness, or technology. The specific hex code #c9ffe5 is a very light, almost minty pastel blue-green, leaning more towards a 'seafoam' or 'celadon' interpretation of 'aero blue' rather than a pure sky blue.

First Recorded Use

While specific 'first use' as a named color is hard to pinpoint without extensive historical color swatch research, the concept of 'aero' (referring to air/sky) combined with 'blue' would have emerged as color naming became more standardized, likely in the early 1900s with the rise of commercial paints, dyes, and fashion. It gained more prominence with color systems like those used in fashion and interior design.

Cultural Associations

Aero Blue, and similar light blues, are often associated with tranquility, peace, freshness, cleanliness, and spaciousness. In some contexts, it can also evoke a sense of technology or futurism (especially when paired with silver or white). The specific shade #c9ffe5, with its slight green tint, might also carry connotations of nature, growth, and health, blending the calming aspects of blue with the refreshing qualities of green.

Similar Named Colors
Magic Mint #AAF0D1 ΔE 4.83
Nyanza #E9FFDB ΔE 8.43
Tea Green #D0F0C0 ΔE 8.84
Pale Robin Egg Blue #96DED1 ΔE 9.54

Code Snippets

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

/* Text */
.element {
    color: #C9FFE5;
}

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

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

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #C9FFE5,
        #FFFFFF
    );
}

// SCSS variable
$aero-blue: #C9FFE5;

// With RGB channels (useful for rgba() usage)
$aero-blue-r: 201;
$aero-blue-g: 255;
$aero-blue-b: 229;

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