Midnight Blue Screen
A full-screen solid midnight blue color (#191970). Fill your whole display, or download the midnight blue screen as an image in 480p, 720p, 1080p, 1440p, 4K or any size you type in.
Advanced — print resolution (DPI)
What is a midnight blue screen?
A midnight blue screen is simply a web page filled edge to edge with one solid color — Midnight Blue, hex #191970, or rgb(25, 25, 112). It is a near-black, cool color: in HSL it sits at 240° hue, 64% saturation and 27% lightness, and its relative luminance is 2.1%. midnight-blue is one of the standard CSS color names, so it renders identically in every browser.
Midnight Blue screen at a glance
How a full-screen midnight blue (#191970) behaves as a light, a test pattern and a background — measured from the color itself.
| Brightness | 2% of a white screen | Almost no light — the screen goes nearly dark. |
|---|---|---|
| Blue light | high (89% of its light) | More blue than a white screen — better for daytime than late at night. |
| Night use | Better for daytime | For a night light, turn the brightness down or choose a warmer screen such as red or orange. |
| Text on it | White text · 14.8:1 | Excellent contrast for captions or signs (WCAG AAA). |
| Display test | Mixed sub-pixel levels | Good for spotting uneven backlight, banding and tint across the panel. |
What people use a midnight blue screen for
Midnight Blue is dark enough that a midnight blue screen gives off very little light — on an OLED or AMOLED phone the dim pixels also draw little power, which makes it a good always-on or bedside screen.
Blue screens are the standard for bias lighting — a dim blue or blue-white glow placed behind a monitor or TV lowers the perceived contrast of the room and eases eye strain during long sessions. Blue is also the reference for checking the blue sub-pixels of a panel, a favourite for "blue screen" jokes, and a moody backdrop for photography and streams.
As a test pattern, a dark midnight blue field is best for spotting backlight bleed and IPS glow on an LCD, or stuck "always-on" pixels on an OLED.
#191970) — this is also the preview image shown when you share the page.How to use the midnight blue screen
The color is already set to Midnight Blue (#191970). Tap Open full screen, or the preview, to fill your whole display with midnight blue; press Esc or tap again to exit. To keep a copy, pick a size — a dark color like this suits a 3840 × 2160 TV or an always-on phone wallpaper at 1080 × 1920 — and tap Download PNG or JPG. The file is created in your browser and saved as midnight-blue-screen-1920x1080.png, with no watermark. A flat midnight blue image compresses to a few kilobytes even at 4K.
Every resolution, aspect ratio and device tip (phones, TVs, projectors, second monitors) is in the full color screen guide.
Midnight Blue screen color codes
The full-screen color and every download use exactly these values. Tap any row to copy it.
Contrast against white text 14.85:1 · against black text 1.41:1. See the full Midnight Blue color page for harmonies, shades and tints, or open it in the color picker.
Colors that go with a midnight blue screen
Using two screens side by side, a split display or a midnight blue wallpaper with accents? These named colors sit in harmony with Midnight Blue on the color wheel:
Build a full scheme from midnight blue in the color matcher or the palette generator, or blend it into another color with the gradient creator for a gradient wallpaper.
Popular color screens
The colors people reach for most often as a full-screen background or light:
Colors similar to Midnight Blue
More blue screens
Midnight Blue screen — FAQ
What is the hex code for a midnight blue screen?
A midnight blue screen uses the color Midnight Blue, hex #191970 — rgb(25, 25, 112). The full-screen view and every download use exactly that value, and midnight-blue also works as a CSS color name.
How do I make my whole screen midnight blue?
Open this page and tap Open full screen (or tap the preview). Your browser fills the entire display with midnight blue and hides its own toolbars; press Esc or tap the screen to come back. To keep it, download it in 1080p, 4K or any size as a free PNG or JPG — no sign-up or watermark.
How bright is a midnight blue screen?
A midnight blue screen gives off about 2% of the light of a white screen at the same brightness setting, so it stays very dark — useful when a screen has to stay on without lighting the room. About 89% of its light is blue (a white screen is 33%), which counts as high blue light.
What color text is easiest to read on a midnight blue screen?
White text, with a contrast ratio of 14.8:1, which passes the WCAG guideline for normal text. Check any other pairing in the contrast checker.
Does a midnight blue screen save battery?
On phones and laptops with an OLED or AMOLED display, yes — dark pixels use very little power and true black uses none, so a midnight blue screen draws less than a bright one. On a normal LCD the backlight stays on regardless, so the saving is small.