Midnight Green

HEX: #004953 | Modern Palette

On White
10.11:1
PASS
On Black
2.08:1
FAIL

Color Specifications

HEX
#004953
RGB
0, 73, 83
HSL
187°, 100% ,32%
CMYK
100, 12.05, 0, 67.45

About Midnight Green

Midnight Green (#004953) is a color with RGB(0, 73, 83) and HSL(187.23°, 100%, 32.55%). It is commonly associated with Bold moods. In design, it fits Vivid, Cool styles and is suitable for Text, Button, Accent. Its complementary color is #530A00, which creates strong contrast. Its triadic palette includes #530049 and #495300. The name comes from Midnight Green (English).

  • HEX: #004953
  • RGB: 0, 73, 83
  • HSL: 187.23°, 100%, 32.55%
  • Mood: Bold
  • Style: Vivid, Cool
  • Use case: Text, Button, Accent
  • Complementary color: #530A00
  • Triadic colors: #530049, #495300
  • The name comes from Midnight Green (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Midnight Green #004953 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.
MIDNIGHT GREEN
 
 
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
MIDNIGHT GREEN
 
 
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

Midnight Green #004953 pairs with #530A00 as its complementary color, and #530049 and #495300 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.

MIDNIGHT GREEN
Analogous

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

MIDNIGHT GREEN
Triadic

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

MIDNIGHT GREEN
Split-Complementary

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

MIDNIGHT GREEN
Tetradic (Square)

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

MIDNIGHT GREEN
Monochromatic

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

MIDNIGHT GREEN

Shades & Tints

The shade and tint range for Midnight Green #004953 moves from dark #00161A tones through the base color to lighter #E6FCFF tones, making it useful for depth, hierarchy, and background variation.

MIDNIGHT GREEN

Color Characteristics

Mood
Bold
Style
Vivid Cool
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #3D3D54
Protanopia #454553
Tritanopia #004A4A
Achromatopsia #424242

Frequently Asked Questions

Midnight Green (#004953) is a color with RGB(0, 73, 83) and HSL(187.23°, 100%, 32.55%).

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

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

#004953 is commonly associated with Bold.

The name Midnight Green is linked to Midnight Green from English, meaning A very dark shade of green, reminiscent of the color of foliage or the sky at midnight..

Name, History & Etymology

Origin Word Midnight Green
Meaning A very dark shade of green, reminiscent of the color of foliage or the sky at midnight.
Language English
First Recorded Use Late 20th Century

History

While 'midnight green' as a descriptive term for a dark green likely existed informally for much longer, its prominence as a distinct, named color, especially with a specific hex code, is largely attributed to its adoption by the Philadelphia Eagles NFL team. They introduced this color as part of their primary uniform scheme in 1996, replacing their previous kelly green. This move significantly popularized the color and gave it a strong, recognizable identity.

First Recorded Use

The specific hex code #004953 and its popular association with the Philadelphia Eagles likely solidified its widespread recognition in the late 1990s.

Cultural Associations

Midnight Green is most strongly associated with the Philadelphia Eagles NFL team, making it a significant color in American sports culture, particularly in the Philadelphia metropolitan area. Fans often wear this color to show support for the team. Beyond sports, it is sometimes used in design for a sophisticated, deep, and natural feel, often evoking themes of nature, luxury, or tranquility due to its dark green hue.

Similar Named Colors
Japanese Indigo #264348 ΔE 5.62
Warm Black #004242 ΔE 5.62
Rich Black #004040 ΔE 5.85
Dark Slate Gray #2F4F4F ΔE 6.39

Code Snippets

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

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

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

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

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

// SCSS variable
$midnight-green: #004953;

// With RGB channels (useful for rgba() usage)
$midnight-green-r: 0;
$midnight-green-g: 73;
$midnight-green-b: 83;

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