# Midnight Blue Color (#191970)

> Midnight Blue is a CSS named color defined as hex code #191970.

- **URL**: https://swatchatlas.com/colors/midnight-blue/
- **Language**: English (en)
- **CSS Name**: `midnightblue`
- **Date Published**: 2026-09-29
- **Date Modified**: 2026-09-29
- **Authority Citation**: W3C CSS Color Module Level 4 (https://www.w3.org/TR/css-color-4/#named-colors)

## Color Values
- **HEX**: #191970
- **RGB**: rgb(25, 25, 112)
- **HSL**: hsl(240, 64%, 27%)
- **HSV/HSB**: hsv(240, 78%, 44%)
- **CMYK**: cmyk(78%, 78%, 0%, 56%) (digital approximation, non-print)
- **OKLCH**: oklch(0.288 0.144 272.8)

## What Colors Go With Midnight Blue
Contrast is each color on Midnight Blue (WCAG 2.2); 4.5:1 or above is text-safe.
- **White (#FFFFFF)**: 14.85:1, text-safe. Maximum contrast: the standard text color on midnight blue.
- **Gold (#FFD700)**: 10.59:1, text-safe. A warm, star-like accent for headings and icons.
- **Silver (#C0C0C0)**: 8.16:1, text-safe. A cool, moonlit neutral for secondary text.
- **Light Sky Blue (#87CEFA)**: 8.65:1, text-safe. A tonal light blue for links and highlights.
- **Lavender (#E6E6FA)**: 12.06:1, text-safe. A pale violet for soft, dreamy accents.
- **Coral (#FF7F50)**: 5.94:1, text-safe. A warm contrast that lifts a dark palette.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Midnight Blue**: 1.41:1 (Fails AA and AAA)
- **Pure White (#FFFFFF) text on Midnight Blue**: 14.85:1 (Passes AA and AAA for both normal and large text)
- **Dark Charcoal (#212529) text on Midnight Blue**: 1.04:1 (Fails AA and AAA)
- **Mid Gray (#666666) text on Midnight Blue**: 2.59:1 (Fails AA and AAA)

## 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.

## Background Download
- **Format**: PNG 1920x1080 solid background
- **URL**: https://swatchatlas.com/images/backgrounds/midnight-blue-1920x1080.png