Midnight Blue

#272757

What color is Midnight Blue?

Midnight blue is a very dark navy blue with a strong purple undertone, hex #272757, close to the color of a clear night sky just after dusk. It is deep enough to read nearly black in low light but holds visible blue and violet in brighter conditions.

What is the meaning of the color Midnight Blue?

The name midnight blue was first recorded in English in 1915, reflecting its association with the deep blue-black of the night sky. Its use grew through the mid-20th century as a preferred alternative to black in formal dress, adopted in the United States for dinner jackets and tuxedos by the 1930s, partly because midnight blue photographs darker than black under stage and flash lighting. The color gained further institutional standing when the U.S. Air Force adopted a shade of midnight blue as part of its official dress uniform, introduced in 1949, anchoring the color to themes of authority and formality.

RGB
39, 39, 87
HSL
240°, 38%, 25%
CMYK
55, 55, 0, 66
HSV
240°, 55%, 34%
Midnight blue color

What colors go with Midnight Blue?

Colors that pair well with Midnight blue include:
Gold: warm, luminous contrast
Soft white: clean, open balance
Burgundy: rich, deep tone
Silver: cool, polished accent
Dusty rose: soft, warm lift

Similar Colors

Conversions & Codes

Format Value CSS
HEX #272757 color: #272757;
RGB 39, 39, 87 color: rgb(39, 39, 87);
RGB Percentage 15%, 15%, 34% color: rgb(15%, 15%, 34%);
CMYK 55%, 55%, 0%, 66% Not supported in CSS
HSL 240°, 38%, 25% color: hsl(240, 38%, 25%);
HSV 240°, 55%, 34% Not supported in CSS
CIE-LAB 20, 0, -16 color: lab(20% 0 -16);
Decimal 2565975 Not supported in CSS

Color Variations

Shades

#282858
#24244F
#202046
#1C1C3E
#181835
#14142C
#101023
#0C0C1A

Tints

#B0B0DB
#9595D0
#7B7BC4
#6161B8
#4B4BA7
#3F3F8D
#333372
#282858

Tones

#282858
#2A2A56
#2C2C53
#2F2F51
#31314E
#34344C
#363649
#383847

Hues

#282858
#4C2858
#582840
#583428
#585828
#345828
#285840
#284C58

Color Harmonies

Analogous

#284058
Click to copy
#272757
Click to copy
#402858
Click to copy

Complementary

#272757
Click to copy
#585828
Click to copy

Split Complementary

#272757
Click to copy
#584028
Click to copy
#405828
Click to copy

Triadic

#272757
Click to copy
#582828
Click to copy
#285828
Click to copy

Tetradic

#272757
Click to copy
#582840
Click to copy
#585828
Click to copy
#285840
Click to copy

Square

#272757
Click to copy
#582840
Click to copy
#585828
Click to copy
#285840
Click to copy

CSS & Dev Snippets

CSS
.midnight-blue {
  color: #272757;
}
SCSS
$midnight-blue: #272757;
RGB
rgb(39, 39, 87)

Accessibility & Contrast

White background

13.87:1
13.87
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

1.51:1
1.51
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags