Robin Egg Blue

HEX: #00CCCC | Modern Palette

On White
2.00:1
FAIL
On Black
10.51:1
PASS

Color Specifications

HEX
#00CCCC
RGB
0, 204, 204
HSL
180°, 100% ,80%
CMYK
100, 0, 0, 20

About Robin Egg Blue

Robin Egg Blue (#00CCCC) is a color with RGB(0, 204, 204) and HSL(180°, 100%, 80%). It is commonly associated with Playful moods. In design, it fits Neon, Cool styles and is suitable for Text, Button, Background. Its complementary color is Boston University Red (#CC0000), which creates strong contrast. Its triadic palette includes Deep Magenta (#CC00CC) and #CCCC00. The name comes from Robin Egg Blue (English).

  • HEX: #00CCCC
  • RGB: 0, 204, 204
  • HSL: 180°, 100%, 80%
  • Mood: Playful
  • Style: Neon, Cool
  • Use case: Text, Button, Background
  • Complementary color: Boston University Red (#CC0000)
  • Triadic colors: Deep Magenta (#CC00CC), #CCCC00
  • The name comes from Robin Egg Blue (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Robin Egg Blue #00CCCC 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.
 
ROBIN EGG BLUE
CYAN
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
ROBIN EGG BLUE
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
CYAN
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Robin Egg Blue #00CCCC pairs with Boston University Red (#CC0000) as its complementary color, and Deep Magenta (#CC00CC) and #CCCC00 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.

ROBIN EGG BLUE
BOSTON UNIVERSITY RED
Analogous

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

ROBIN EGG BLUE
Triadic

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

ROBIN EGG BLUE
DEEP MAGENTA
Split-Complementary

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

ROBIN EGG BLUE
Tetradic (Square)

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

ROBIN EGG BLUE
BOSTON UNIVERSITY RED
Monochromatic

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

ROBIN EGG BLUE
TEAL

Shades & Tints

The shade and tint range for Robin Egg Blue #00CCCC moves from dark #001A1A tones through the base color to lighter #E6FFFF tones, making it useful for depth, hierarchy, and background variation.

ROBIN EGG BLUE

Color Characteristics

Mood
Playful
Style
Neon Cool
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #AFAFCE
Protanopia #C2C2CC
Tritanopia #00CCCC
Achromatopsia #B7B7B7

Frequently Asked Questions

Robin Egg Blue (#00CCCC) is a color with RGB(0, 204, 204) and HSL(180°, 100%, 80%).

#00CCCC pairs strongly with Boston University Red (#CC0000) as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#00CCCC is suitable for Text, Button, Background and works well with Neon, Cool styles.

#00CCCC is commonly associated with Playful.

The name Robin Egg Blue is linked to Robin Egg Blue from English, meaning A color resembling the pale blue-green eggs laid by American Robins..

Name, History & Etymology

Origin Word Robin Egg Blue
Meaning A color resembling the pale blue-green eggs laid by American Robins.
Language English
First Recorded Use Late 19th Century

History

The American Robin (Turdus migratorius) is a common and widely recognized bird in North America. Its eggs are distinctively colored, a shade of blue-green that is often described as 'robin's egg blue.' This natural phenomenon provided a readily understandable and evocative name for a specific color. The color became particularly popular in fashion, interior design, and ceramics during the early to mid-20th century, often associated with spring, freshness, and a certain delicate charm. Its use has persisted, becoming a classic and easily identifiable color.

First Recorded Use

The exact first recorded use as a specific color name is difficult to pinpoint precisely, but it gained popularity as a descriptive color term in the late 19th century, coinciding with increased interest in natural history and standardized color naming.

Cultural Associations

Robin Egg Blue is strongly associated with spring, new beginnings, and nature. It is often used in contexts related to children, nurseries, and weddings, symbolizing innocence and hope. In some cultures, blue is associated with tranquility and protection. The color is also famously associated with the luxury jewelry brand Tiffany & Co., which uses a very similar shade (often referred to as 'Tiffany Blue') for its branding and packaging, further cementing its image as elegant and desirable.

Similar Named Colors
Robin's Egg Blue #1FCECB ΔE 1.16
Dark Turquoise #00CED1 ΔE 1.17
Medium Turquoise #48D1CC ΔE 2.79
Turquoise #30D5C8 ΔE 4.86

Code Snippets

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

/* Text */
.element {
    color: #00CCCC;
}

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

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

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #00CCCC,
        #FF9999
    );
}

// SCSS variable
$robin-egg-blue: #00CCCC;

// With RGB channels (useful for rgba() usage)
$robin-egg-blue-r: 0;
$robin-egg-blue-g: 204;
$robin-egg-blue-b: 204;

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