What is the HEX code for MidnightBlue?

The HEX code for MidnightBlue is #191970.

What is the RGB value for MidnightBlue?

MidnightBlue uses RGB values 25,25,112.

Can I use MidnightBlue directly in CSS?

Yes. You can use the named CSS color midnightblue, the HEX value #191970, or rgb(25,25,112).

HTML named color

MidnightBlue color code

Use the MidnightBlue HTML color with HEX #191970, RGB 25,25,112 and HSL 240,64%,27%. Copy CSS examples, shades and accessible contrast combinations.

Open in color picker Check contrast Convert to OKLCH

Bleus

#191970

rgb(25,25,112)

HEX

#191970

RGB

rgb(25,25,112)

HSL

hsl(240,64%,27%)

OKLCH

oklch(28.8% 0.144 272.8)

CSS name

midnightblue

How to use this color

MidnightBlue can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.

CSS examples

.text-midnight-blue {
  color: #191970;
}

.bg-midnight-blue {
  background-color: midnightblue;
}

.border-midnight-blue {
  border-color: rgb(25,25,112);
}