Midnight Blue Color (#191970)
Midnight Blue is a CSS named color defined as hex code #191970. Midnight Blue is a very dark blue with a little red and green mixed in, which makes it softer and less saturated than navy. It evokes the night sky.
Color Overview & Formats
midnightblueLuminance: 0.0207| Format | Syntax / Values | Notes | Action |
|---|---|---|---|
| HEX | #191970 | 6-digit hex web code | |
| RGB | rgb(25, 25, 112) | Red, Green, Blue channels (0-255) | |
| HSL | hsl(240, 64%, 27%) | Hue (240°), Saturation (64%), Lightness (27%) | |
| HSV / HSB | hsv(240, 78%, 44%) | Hue, Saturation (78%), Value/Brightness (44%) | |
| CMYK | cmyk(78%, 78%, 0%, 56%) | Digital mathematical approximation (non-print) | |
| OKLCH | oklch(0.288 0.144 272.8) | Perceptually uniform color space (CSS Color 4 approximation) |
background-color: #191970; /* or midnightblue */- Select color format: Choose the desired format (HEX #191970, RGB, or HSL).
- Copy the code: Click the copy button or press Tab+Enter to store in clipboard.
- Pair with white text: White text on Midnight Blue reaches 14.85:1 (WCAG AAA).
What Colors Go With Midnight Blue?
These 6 colors all go well with Midnight Blue (#191970), and each one is a standard CSS named color. The ratio is the WCAG 2.2 contrast of that color on Midnight Blue: at 4.5:1 or above it works for text; below that, use it for backgrounds and accents.
Harmonious Palettes & Tints
The palettes below are algorithmically generated across standard intervals based on Midnight Blue (HSL 240°). Each group offers full palette copy and live preview:
Complementary Harmony
Hue rotated 180 degrees on the HSL wheel (240° to 60°), keeping the original saturation and lightness.
Analogous Harmony
Hues 30 degrees either side (210° and 270°), keeping the original saturation and lightness.
Triadic Harmony
Hues spaced evenly by 120 degrees (0° and 120°), keeping the original saturation and lightness.
Tints & Shades
Mixed with white (tints) and black (shades) in sRGB at 60% and 30%.
WCAG 2.2 Text Readability & Contrast Check
Under WCAG 2.2 criteria, regular body text requires at least 4.5:1 (AA) and large text requires at least 3.0:1. The table below displays calculated contrast ratios:
| Foreground Color | Contrast Ratio | Normal Text (AA) | Large Text (AA) | Normal Text AAA (>= 7.0:1) |
|---|---|---|---|---|
Pure Black (#000000) | 1.41:1 | Fail | Fail | Fail |
Pure White (#FFFFFF) | 14.85:1 | Pass | Pass | Pass |
Dark Charcoal (#212529) | 1.04:1 | Fail | Fail | Fail |
Mid Gray (#666666) | 2.59:1 | Fail | Fail | Fail |
Interactive Contrast Tester
Enter text foreground and background colors to verify WCAG legibility:
This is sample body text rendered directly to verify contrast and readability.
Midnight Blue Background Download
Download standard 1920x1080 solid desktop wallpaper or generate mobile wallpaper:
Standard Wallpaper: 1920x1080 PNG (#191970)Download Options
All wallpaper files precisely match the W3C standard color value:
CSS Standard & Usage Notes
midnightblue = #191970 (rgb(25, 25, 112))
UI Design & Accessibility Guidelines
Use it for dark themes, backgrounds behind light text, footers and night-sky illustrations. On Midnight Blue, white text passes WCAG AAA at every size (14.85:1); black text fails even for large text (1.41:1).
Frequently Asked Questions (FAQ)
Can I use black text on Midnight Blue?
No. Black text on Midnight Blue has a WCAG 2.2 contrast ratio of only 1.41:1, below the 3:1 minimum even for large text.
Can I use white text on Midnight Blue?
Yes. White text on Midnight Blue has a WCAG 2.2 contrast ratio of 14.85:1, passing both AA (4.5:1) and AAA (7:1) at every text size.
What colors go with Midnight Blue?
White, Gold, Silver, Light Sky Blue, Lavender and Coral all go well with Midnight Blue. White (14.85:1), Gold (10.59:1), Silver (8.16:1), Light Sky Blue (8.65:1), Lavender (12.06:1) and Coral (5.94:1) have enough contrast for text on Midnight Blue.
Is midnight blue darker than navy?
By relative luminance, Navy (0.016) is slightly darker than Midnight Blue (0.021). Midnight Blue can still look softer and less harsh because it is less saturated.