#191970
Midnight Blue
Midnight blue is a very dark shade of blue that resembles the sky at midnight. It is sophisticated and dramatic, often used as a near-black alternative.
Midnight Blue Color Values
HEX#191970
RGB25, 25, 112
HSL240°, 64%, 27%
HSV240°, 78%, 44%
CMYK78%, 78%, 0%, 56%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #002A72 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #00226E (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #003242 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #2E2E2E (~0.003% of population)
Midnight Blue as Text Color
Midnight Blue on White
14.8:1AAA
Midnight Blue on Light Gray
13.6:1AAA
Midnight Blue on Cream
14.0:1AAA
Midnight Blue on Dark
1.1:1FAIL
Midnight Blue on Black
1.4:1FAIL
Midnight Blue on Soft Blue
13.0:1AAA
Midnight Blue on Soft Green
13.2:1AAA
Midnight Blue on Soft Pink
12.3:1AAA
Nearest Tailwind Class
blue-900
#1E3A8A
Nearest Pantone Match
Pantone Reflex Blue
#001489
CSS Variable Export
:root {
--color-midnight-blue: #191970;
--color-midnight-blue-rgb: 25, 25, 112;
}Tailwind Config
// tailwind.config.js
colors: {
'midnight-blue': '#191970',
}Shades of Midnight Blue
#191971
#161664
#131358
#11114B
#0E0E3F
#0B0B32
#080826
#060619
#03030D
#000000
Tints of Midnight Blue
#191971
#202092
#2727B4
#3232D2
#5454D9
#7979E2
#9B9BE9
#BCBCF0
#DEDEF8
#FFFFFF
Color Harmonies
Complementary
#191970
#717119
Analogous
#194571
#191971
#451971
Triadic
#191971
#711919
#197119
Midnight Blue Text Preview
Heading in Midnight Blue
Body text in Midnight Blue. The quick brown fox jumps over the lazy dog.
White on Midnight Blue
Body text on a Midnight Blue background.
Midnight Blue text on dark background
Contrast: 1.2:1