Skip to the color picker

#364153 color: Midnight Navy

#364153 is rgb(54, 65, 83) in RGB and oklch(37.306% 0.03431 260.169) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

217°
100%

37.3%
0.034
260°
  • Blue
  • Dark
  • Muted
  • Cool
  • ≈ Charcoal
  • gray-700
  • Black 67%

Inside sRGB: displays the same on any screen.

White text
10.30:1Readable · AA
Lc -98
Black text
2.04:1Hard to read
Lc 10

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

About #364153

#364153 is a muted dark blue color. In OKLCH it has 37.3% lightness, 0.034 chroma and a hue of 260°.

Inside sRGB: displays the same on any screen.

White text on it reaches 10.3:1 contrast and black text 2.04:1, so white text reads better.

The closest named color is Midnight Navy (#364251). In Tailwind CSS the closest color is gray-700.

More dark blue colors

Lighter: #364153 mixed with white

  1. 364153

Darker: #364153 mixed with black

  1. 364153
  2. 000000

Calmer: #364153 with less saturation

  1. 364153

Similar named colors

Colors that go with #364153

Complementary
#364153
Analogous
#364153
Triadic
#364153
Split
#364153

Questions about #364153

What color is #364153?

#364153 is muted dark blue. The closest named color is Midnight Navy. In RGB it is rgb(54, 65, 83), in HSL hsl(217.24, 21.17%, 26.86%) and in OKLCH oklch(37.306% 0.03431 260.169).

What colors go well with #364153?

The complementary color of #364153 is #4a3f2c. For a calmer combination use the analogous colors #2d444f and #403e52. The triadic partners are #513939 and #374534.

Is white or black text more readable on #364153?

White text reads better on #364153: white gives a contrast ratio of 10.3:1 and black gives 2.04:1. WCAG AA asks for at least 4.5:1 for body text.

Is #364153 a warm or cool color?

#364153 is a cool color. In OKLCH its hue is 260 degrees, its lightness 37.3% and its chroma 0.034.