Baby Blue Eyes

HEX: #A1CAF1 | Modern Palette

On White
1.72:1
FAIL
On Black
12.23:1
PASS

Color Specifications

HEX
#A1CAF1
RGB
161, 202, 241
HSL
209°, 74% ,78%
CMYK
33, 16, 0, 5

About Baby Blue Eyes

Baby Blue Eyes (#A1CAF1) is a color with RGB(161, 202, 241) and HSL(209.3°, 74.1%, 78.8%). It is commonly associated with Playful moods. In design, it fits Cool styles and is suitable for Text, Button, Accent. Its complementary color is #F1C8A1, which creates strong contrast. Its triadic palette includes #F1A1CA and #CAF1A1. The name comes from Baby Blue Eyes (English).

  • HEX: #A1CAF1
  • RGB: 161, 202, 241
  • HSL: 209.3°, 74.1%, 78.8%
  • Mood: Playful
  • Style: Cool
  • Use case: Text, Button, Accent
  • Complementary color: #F1C8A1
  • Triadic colors: #F1A1CA, #CAF1A1
  • The name comes from Baby Blue Eyes (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Baby Blue Eyes #A1CAF1 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.
 
 
 
BABY BLUE EYES
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
BABY BLUE EYES
 
 
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

Baby Blue Eyes #A1CAF1 pairs with #F1C8A1 as its complementary color, and #F1A1CA and #CAF1A1 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.

BABY BLUE EYES
Analogous

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

BABY BLUE EYES
Triadic

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

BABY BLUE EYES
Split-Complementary

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

BABY BLUE EYES
Tetradic (Square)

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

BABY BLUE EYES
Monochromatic

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

BABY BLUE EYES

Shades & Tints

The shade and tint range for Baby Blue Eyes #A1CAF1 moves from dark #030D16 tones through the base color to lighter #E9F2FC tones, making it useful for depth, hierarchy, and background variation.

BABY BLUE EYES

Color Characteristics

Mood
Playful
Style
Cool
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #BFBFF2
Protanopia #C6C6F1
Tritanopia #99CFCF
Achromatopsia #C6C6C6

Frequently Asked Questions

Baby Blue Eyes (#A1CAF1) is a color with RGB(161, 202, 241) and HSL(209.3°, 74.1%, 78.8%).

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

#A1CAF1 is suitable for Text, Button, Accent and works well with Cool styles.

#A1CAF1 is commonly associated with Playful.

The name Baby Blue Eyes is linked to Baby Blue Eyes from English, meaning A light, delicate shade of blue, often associated with the color of an infant's eyes..

Name, History & Etymology

Origin Word Baby Blue Eyes
Meaning A light, delicate shade of blue, often associated with the color of an infant's eyes.
Language English
First Recorded Use Late 19th - Early 20th Century

History

The concept of 'baby blue' as a color gained significant traction in the early 20th century, particularly as a color associated with baby boys (contrasting with pink for girls, a convention that solidified around the same time). 'Baby Blue Eyes' refines this, evoking a very specific, often idealized, shade of light blue. It's a descriptive name that directly references a natural phenomenon (the color of an infant's eyes) to convey a particular softness and lightness. Its use has been consistent in fashion, interior design, and art to denote a gentle, serene, or innocent quality.

First Recorded Use

The specific color name 'Baby Blue Eyes' as a distinct shade likely emerged in the late 19th or early 20th century, coinciding with the increasing sophistication of color naming in fashion, paint, and textiles. The phrase 'baby blue' itself became common around this time. The addition of 'eyes' further specifies a particular nuance of that light blue.

Cultural Associations

Culturally, 'Baby Blue Eyes' carries connotations of innocence, purity, and tenderness. It's frequently used in items for infants and young children, particularly boys, though its appeal extends beyond gender-specific applications due to its calming nature. It can also evoke feelings of nostalgia or a dreamlike quality. In some contexts, it might be seen as a somewhat traditional or even 'sweet' color, sometimes contrasting with more vibrant or sophisticated blues.

Similar Named Colors
Pale Cornflower Blue #ABCDEF ΔE 1.92
Pale Cerulean #9BC4E2 ΔE 3.24
Carolina Blue #99BADD ΔE 4.31
Cornflower #9ACEEB ΔE 4.98

Code Snippets

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

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

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

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

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

// SCSS variable
$baby-blue-eyes: #A1CAF1;

// With RGB channels (useful for rgba() usage)
$baby-blue-eyes-r: 161;
$baby-blue-eyes-g: 202;
$baby-blue-eyes-b: 241;

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