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

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 #004953 from deepest shade to lightest tint.

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);
}