Sky Blue Screen
A full-screen solid sky blue color (#87CEEB). Fill your whole display, or download the sky blue screen as an image in 480p, 720p, 1080p, 1440p, 4K or any size you type in.
Advanced — print resolution (DPI)
What is a sky blue screen?
A sky blue screen is simply a web page filled edge to edge with one solid color — Sky Blue, hex #87CEEB, or rgb(135, 206, 235). It is a very light, cool color: in HSL it sits at 197° hue, 71% saturation and 73% lightness, and its relative luminance is 55.3%. sky-blue is one of the standard CSS color names, so it renders identically in every browser.
Sky Blue screen at a glance
How a full-screen sky blue (#87CEEB) behaves as a light, a test pattern and a background — measured from the color itself.
| Brightness | 55% of a white screen | A medium light level — comfortable as ambient light. |
|---|---|---|
| Blue light | high (49% 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 · 12.1:1 | Excellent contrast for captions or signs (WCAG AAA). |
| Display test | blue at full power | A dead blue sub-pixel shows as a dark dot. |
What people use a sky blue screen for
As a saturated color, sky blue makes a bold backdrop for product photos, thumbnails and streams, and a strong mood light for a desk or party.
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 sky blue field makes a dead or stuck pixel jump out, and it exercises the green and blue sub-pixels.
#87CEEB) — this is also the preview image shown when you share the page.How to use the sky blue screen
The color is already set to Sky Blue (#87CEEB). Tap Open full screen, or the preview, to fill your whole display with sky blue; press Esc or tap again to exit. To keep a copy, pick a size — 1920 × 1080 for a desktop wallpaper, 1080 × 1920 for a phone or 3840 × 2160 for a 4K TV — and tap Download PNG or JPG. The file is created in your browser and saved as sky-blue-screen-1920x1080.png, with no watermark. A flat sky 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.
Sky 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.74:1 · against black text 12.06:1. See the full Sky Blue color page for harmonies, shades and tints, or open it in the color picker.
Colors that go with a sky blue screen
Using two screens side by side, a split display or a sky blue wallpaper with accents? These named colors sit in harmony with Sky Blue on the color wheel:
Build a full scheme from sky 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 Sky Blue
More blue screens
Sky Blue screen — FAQ
What is the hex code for a sky blue screen?
A sky blue screen uses the color Sky Blue, hex #87CEEB — rgb(135, 206, 235). The full-screen view and every download use exactly that value, and sky-blue also works as a CSS color name.
How do I make my whole screen sky blue?
Open this page and tap Open full screen (or tap the preview). Your browser fills the entire display with sky 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 sky blue screen?
A sky blue screen gives off about 55% of the light of a white screen at the same brightness setting, a comfortable level for ambient light. About 49% 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 sky blue screen?
Black text, with a contrast ratio of 12.1:1, which passes the WCAG guideline for normal text. Check any other pairing in the contrast checker.