Midnightblue

midnightblue is a CSS color keyword. The closest Tailwind step is violet-950 (#2e1065).

#191970rgb(25, 25, 112)
Hex
#191970
RGB
25, 25, 112
HSL
240°, 64%, 27%
OKLCH
28.8% 0.144 272.8
LAB
15.9 31.7 -49.6

Open #191970 in the explorer

Text contrast

Black or white text on #191970. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text1.4:1 FailAPCA Lc 0
White text14.8:1 AAAAPCA Lc -102

Color vision

How #191970 looks in simulations of color blindness, at full severity.

Full color
#191970
Protanopia
#002c73
Deuteranopia
#00236e
Tritanopia
#003243

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to midnightblue.

50100200300400500600700800900950

Copy into CSS

color: midnightblue;
background: #191970;
@theme {
  --color-midnightblue-50: #f2f5ff;
  --color-midnightblue-100: #e0e7ff;
  --color-midnightblue-200: #c1cfff;
  --color-midnightblue-300: #9bafff;
  --color-midnightblue-400: #7b90f0;
  --color-midnightblue-500: #5f71ce;
  --color-midnightblue-600: #4756b0;
  --color-midnightblue-700: #333e97;
  --color-midnightblue-800: #21267d;
  --color-midnightblue-900: #130a64;
  --color-midnightblue-950: #060038;
}