Midnight Blue

HEX: #191970 | Modern Palette

On White
14.85:1
PASS
On Black
1.41:1
FAIL

Color Specifications

HEX
#191970
RGB
25, 25, 112
HSL
240°, 77% ,43%
CMYK
77.68, 77.68, 0, 56.08

About Midnight Blue

Midnight Blue (#191970) is a color with RGB(25, 25, 112) and HSL(240°, 77.68%, 43.92%). In design, it fits Vivid, Cool styles and is suitable for Text, Button, Accent. Its complementary color is #707019, which creates strong contrast. Its triadic palette includes #701919 and #197019. The name comes from Midnight Blue (English).

  • HEX: #191970
  • RGB: 25, 25, 112
  • HSL: 240°, 77.68%, 43.92%
  • Style: Vivid, Cool
  • Use case: Text, Button, Accent
  • Complementary color: #707019
  • Triadic colors: #701919, #197019
  • The name comes from Midnight Blue (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Midnight Blue #191970 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 BLUE
 
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
MIDNIGHT BLUE
 
 
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 Blue #191970 pairs with #707019 as its complementary color, and #701919 and #197019 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 BLUE
Analogous

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

MIDNIGHT BLUE
Triadic

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

MIDNIGHT BLUE
Split-Complementary

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

MIDNIGHT BLUE
Tetradic (Square)

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

MIDNIGHT BLUE
Monochromatic

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

MIDNIGHT BLUE

Shades & Tints

The shade and tint range for Midnight Blue #191970 moves from dark #050515 tones through the base color to lighter #EAEAFA tones, making it useful for depth, hierarchy, and background variation.

MIDNIGHT BLUE

Color Characteristics

Mood
Style
Vivid Cool
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #191970
Protanopia #191970
Tritanopia #002F2F
Achromatopsia #272727

Frequently Asked Questions

Midnight Blue (#191970) is a color with RGB(25, 25, 112) and HSL(240°, 77.68%, 43.92%).

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

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

The name Midnight Blue is linked to Midnight Blue from English, meaning A very dark shade of blue, resembling the color of the sky at midnight..

Name, History & Etymology

Origin Word Midnight Blue
Meaning A very dark shade of blue, resembling the color of the sky at midnight.
Language English
First Recorded Use Late 19th Century

History

The concept of 'blue' has ancient roots, with various cultures having different words and perceptions for it. The specific shade 'midnight blue' gained prominence as artificial dyes became more sophisticated and widely available. It was often seen as a sophisticated alternative to black, especially in formal wear and uniforms, as it could appear black in low light but reveal its blue hue in brighter conditions. Its association with the night sky gives it connotations of depth, mystery, and elegance.

First Recorded Use

The term 'midnight blue' as a specific color name began to appear in fashion and textile industries around the late 19th century. While dark blues have existed forever, the specific naming convention became popular then.

Cultural Associations

Midnight blue is widely used in fashion, interior design, and branding. It is often associated with professionalism, trustworthiness, and sophistication. In many Western cultures, it's considered a classic and versatile color. It's a popular choice for business suits, evening wear, and luxury items. Its name evokes the serene and deep expanse of the night sky, often without the starkness of pure black.

Similar Named Colors
Persian Indigo #32127A ΔE 4.33
Saint Patrick Blue #23297A ΔE 4.44
Resolution Blue #002387 ΔE 4.49
Phthalo Blue #000F89 ΔE 4.64

Code Snippets

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

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

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

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

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

// SCSS variable
$midnight-blue: #191970;

// With RGB channels (useful for rgba() usage)
$midnight-blue-r: 25;
$midnight-blue-g: 25;
$midnight-blue-b: 112;

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