Pale Robin Egg Blue

HEX: #96DED1 | Modern Palette

On White
1.54:1
FAIL
On Black
13.67:1
PASS

Color Specifications

HEX
#96DED1
RGB
150, 222, 209
HSL
169°, 32% ,87%
CMYK
32.43, 0, 5.86, 12.94

About Pale Robin Egg Blue

Pale Robin Egg Blue (#96DED1) is a color with RGB(150, 222, 209) and HSL(169.17°, 32.43%, 87.06%). In design, it fits Pastel, Cool styles and is suitable for Text, Background, Print. Its complementary color is #DE96A3, which creates strong contrast. Its triadic palette includes #D196DE and #DED196. The name comes from Robin Egg Blue (English).

  • HEX: #96DED1
  • RGB: 150, 222, 209
  • HSL: 169.17°, 32.43%, 87.06%
  • Style: Pastel, Cool
  • Use case: Text, Background, Print
  • Complementary color: #DE96A3
  • Triadic colors: #D196DE, #DED196
  • The name comes from Robin Egg Blue (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
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

Complementary

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

Analogous

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

Triadic

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

Split-Complementary

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

Tetradic (Square)

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

Monochromatic

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

Shades & Tints

A seamless scale of #96DED1 from deepest shade to lightest tint.

Color Characteristics

Mood
Style
Pastel Cool
Use case
Text Background Print

Accessibility Simulation

Deuteranopia #CCCCD2
Protanopia #D8D8D1
Tritanopia #99DCDC
Achromatopsia #D0D0D0

Frequently Asked Questions

Pale Robin Egg Blue (#96DED1) is a color with RGB(150, 222, 209) and HSL(169.17°, 32.43%, 87.06%).

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

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

The name Pale Robin Egg Blue is linked to Robin Egg Blue from English, meaning A color resembling the pale blue-green shell of a robin's egg..

Name, History & Etymology

Origin Word Robin Egg Blue
Meaning A color resembling the pale blue-green shell of a robin's egg.
Language English
First Recorded Use Late 19th Century

History

The color 'robin egg blue' is directly inspired by nature, specifically the distinctive blue-green eggs laid by American Robins (Turdus migratorius). The color is due to biliverdin in the eggshell. As a named color, it gained traction in the Victorian era, a period known for its appreciation of natural motifs and delicate aesthetics. The addition of 'pale' emphasizes a softer, less saturated version of the hue. It has been consistently used in various design fields, often associated with spring, new beginnings, and a sense of calm.

First Recorded Use

The term 'robin's egg blue' became popular in the late 19th century, particularly in fashion and interior design. The 'pale' modifier further specifies a lighter shade of this already delicate color.

Cultural Associations

Often associated with spring, new life, and innocence. Popular in baby nurseries and children's items. Frequently used in wedding themes for its delicate and romantic feel. The color is famously associated with Tiffany & Co., though their specific shade is trademarked as 'Tiffany Blue' and is slightly different from a generic 'robin egg blue'.

Similar Named Colors
Pearl Aqua #88D8C0 ΔE 4.33
Pale Blue #AFEEEE ΔE 6.79
Magic Mint #AAF0D1 ΔE 7.12
Turquoise #40E0D0 ΔE 7.78

Code Snippets

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

/* Text */
.element {
    color: #96DED1;
}

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

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

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #96DED1,
        #E9D3D7
    );
}

// SCSS variable
$pale-robin-egg-blue: #96DED1;

// With RGB channels (useful for rgba() usage)
$pale-robin-egg-blue-r: 150;
$pale-robin-egg-blue-g: 222;
$pale-robin-egg-blue-b: 209;

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