Powder Blue Screen
A full-screen solid powder blue color (#B0E0E6). Fill your whole display, or download the powder blue screen as an image in 480p, 720p, 1080p, 1440p, 4K or any size you type in.
Advanced — print resolution (DPI)
What is a powder blue screen?
A powder blue screen is simply a web page filled edge to edge with one solid color — Powder Blue, hex #B0E0E6, or rgb(176, 224, 230). It is a very light, cool color: in HSL it sits at 187° hue, 52% saturation and 80% lightness, and its relative luminance is 68.3%. powder-blue is one of the standard CSS color names, so it renders identically in every browser.
Powder Blue screen at a glance
How a full-screen powder blue (#B0E0E6) behaves as a light, a test pattern and a background — measured from the color itself.
| Brightness | 68% of a white screen | A medium light level — comfortable as ambient light. |
|---|---|---|
| Blue light | high (40% 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 | Black text · 14.7: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 powder blue screen for
Because Powder Blue is so light, a powder blue screen doubles as a soft light source: prop a phone or tablet beside you as fill light on a video call, use it as a gentle reading light, or as a backlit surface for tracing.
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 flat powder blue field makes a dead or stuck pixel jump out, and it exercises the red, green and blue sub-pixels.
#B0E0E6) — this is also the preview image shown when you share the page.How to use the powder blue screen
The color is already set to Powder Blue (#B0E0E6). Tap Open full screen, or the preview, to fill your whole display with powder blue; press Esc or tap again to exit. To keep a copy, pick a size — a bright color like this makes a great 1080 × 1920 phone light or a 3840 × 2160 TV fill — and tap Download PNG or JPG. The file is created in your browser and saved as powder-blue-screen-1920x1080.png, with no watermark. A flat powder 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.
Powder 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 1.43:1 · against black text 14.65:1. See the full Powder Blue color page for harmonies, shades and tints, or open it in the color picker.
Colors that go with a powder blue screen
Using two screens side by side, a split display or a powder blue wallpaper with accents? These named colors sit in harmony with Powder Blue on the color wheel:
Build a full scheme from powder 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 Powder Blue
More blue screens
Powder Blue screen — FAQ
What is the hex code for a powder blue screen?
A powder blue screen uses the color Powder Blue, hex #B0E0E6 — rgb(176, 224, 230). The full-screen view and every download use exactly that value, and powder-blue also works as a CSS color name.
How do I make my whole screen powder blue?
Open this page and tap Open full screen (or tap the preview). Your browser fills the entire display with powder 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 powder blue screen?
A powder blue screen gives off about 68% of the light of a white screen at the same brightness setting, so it works well as a light source or fill light. About 40% 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 powder blue screen?
Black text, with a contrast ratio of 14.7:1, which passes the WCAG guideline for normal text. Check any other pairing in the contrast checker.