Light Gray Screen
A full-screen solid light gray color (#D3D3D3). Fill your whole display, or download the light gray screen as an image in 480p, 720p, 1080p, 1440p, 4K or any size you type in.
Advanced — print resolution (DPI)
What is a light gray screen?
A light gray screen is simply a web page filled edge to edge with one solid color — Light Gray, hex #D3D3D3, or rgb(211, 211, 211). It is a very light, neutral color: in HSL it sits at 0° hue, 0% saturation and 83% lightness, and its relative luminance is 65.1%. light-gray is one of the standard CSS color names, so it renders identically in every browser.
Light Gray screen at a glance
How a full-screen light gray (#D3D3D3) behaves as a light, a test pattern and a background — measured from the color itself.
| Brightness | 65% of a white screen | A medium light level — comfortable as ambient light. |
|---|---|---|
| Blue light | moderate (33% of its light) | About as much blue as a white screen. |
| 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.0: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 light gray screen for
Because Light Gray is so light, a light gray 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.
Light Gray is a muted, low-saturation color, so it makes a calm, distraction-free background for focus, reading or a video call, and it does not cast a strong tint onto faces.
Black screens save power on OLED and AMOLED displays (each black pixel is switched off), reveal backlight bleed and IPS glow on LCDs, and cut glare and eye strain at night. A true-black field is also the go-to background for photography, cinema-style letterboxing, and hiding a screen that has to stay on. Mid-gray fields are the neutral reference for panel-uniformity and colour work.
As a test pattern, a flat light gray field makes a dead or stuck pixel jump out, and it exercises the red, green and blue sub-pixels.
#D3D3D3) — this is also the preview image shown when you share the page.How to use the light gray screen
The color is already set to Light Gray (#D3D3D3). Tap Open full screen, or the preview, to fill your whole display with light gray; 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 light-gray-screen-1920x1080.png, with no watermark. A flat light gray 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.
Light Gray 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.50:1 · against black text 14.03:1. See the full Light Gray color page for harmonies, shades and tints, or open it in the color picker.
Colors that go with a light gray screen
Using two screens side by side, a split display or a light gray wallpaper with accents? These named colors sit in harmony with Light Gray on the color wheel:
Build a full scheme from light gray 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 Light Gray
More gray and black screens
Light Gray screen — FAQ
What is the hex code for a light gray screen?
A light gray screen uses the color Light Gray, hex #D3D3D3 — rgb(211, 211, 211). The full-screen view and every download use exactly that value, and light-gray also works as a CSS color name.
How do I make my whole screen light gray?
Open this page and tap Open full screen (or tap the preview). Your browser fills the entire display with light gray 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 light gray screen?
A light gray screen gives off about 65% of the light of a white screen at the same brightness setting, so it works well as a light source or fill light. About 33% of its light is blue (a white screen is 33%), which counts as moderate blue light.
What color text is easiest to read on a light gray screen?
Black text, with a contrast ratio of 14.0:1, which passes the WCAG guideline for normal text. Check any other pairing in the contrast checker.