Midnight Blue hex code
The hex code for midnight blue is #191970. In RGB that is rgb(25, 25, 112) and in HSL it is hsl(240, 64%, 27%).
The hex code for midnight blue is #191970. In RGB that is rgb(25, 25, 112) and in HSL it is hsl(240, 64%, 27%).
Midnight Blue · #191970
Colour codes
- HEX
- #191970
- RGB
- rgb(25, 25, 112)
- HSL
- hsl(240, 64%, 27%)
- CMYK
- 78, 78, 0, 56
- CSS name
- midnightblue
- Contrast on white
- 14.85:1
- Contrast on black
- 1.41:1
Tints and shades
20% lighter · #47478d
40% lighter · #7575a9
60% lighter · #a3a3c6
80% lighter · #d1d1e2
20% darker · #14145a
40% darker · #0f0f43
60% darker · #0a0a2d
80% darker · #050516
Complementary colour
Midnight Blue · #191970
Opposite on the colour wheel · #717119
Frequently asked questions
What is the hex code for midnight blue?
The hex code for midnight blue is #191970. In RGB that is rgb(25, 25, 112) and in HSL it is hsl(240, 64%, 27%).
Can I use midnight blue for text?
It has a contrast ratio of 14.85:1 on white and 1.41:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a white background.
What colour goes with midnight blue?
Its complementary colour, opposite on the colour wheel, is #717119. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of midnight blue instead.
Is midnight blue a CSS colour name?
Yes. CSS accepts the keyword midnightblue, so color: midnightblue and color: #191970 render exactly the same.