Color Screen

Dim Gray Screen

A full-screen solid dim gray color (#696969). Fill your whole display, or download the dim gray screen as an image in 480p, 720p, 1080p, 1440p, 4K or any size you type in.

1920 × 1080 px · #696969
Color
Resolution
Aspect ratio
Custom size (pixels)
×
Advanced — print resolution (DPI)
Embedded in the PNG for print workflows. Screen use can leave this at 72.

What is a dim gray screen?

A dim gray screen is simply a web page filled edge to edge with one solid color — Dim Gray, hex #696969, or rgb(105, 105, 105). It is a mid-toned, neutral color: in HSL it sits at 0° hue, 0% saturation and 41% lightness, and its relative luminance is 14.1%. dim-gray is one of the standard CSS color names, so it renders identically in every browser.

Dim Gray screen at a glance

How a full-screen dim gray (#696969) behaves as a light, a test pattern and a background — measured from the color itself.

Brightness14% of a white screenA dim glow — easy on the eyes in a dark room.
Blue lightmoderate (33% of its light)About as much blue as a white screen.
Night useBetter for daytimeFor a night light, turn the brightness down or choose a warmer screen such as red or orange.
Text on itWhite text · 5.5:1Readable for normal text (WCAG AA).
Display testMixed sub-pixel levelsGood for spotting uneven backlight, banding and tint across the panel.

What people use a dim gray screen for

Dim 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 dim gray field makes a dead or stuck pixel jump out.

Dim Gray screen preview — a full-screen solid dim gray color, hex #696969, rgb(105, 105, 105)
The dim gray screen (#696969) — this is also the preview image shown when you share the page.

How to use the dim gray screen

The color is already set to Dim Gray (#696969). Tap Open full screen, or the preview, to fill your whole display with dim gray; 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 dim-gray-screen-1920x1080.png, with no watermark. A flat dim 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.

Dim Gray screen color codes

The full-screen color and every download use exactly these values. Tap any row to copy it.

Hex#696969
RGBrgb(105, 105, 105)
RGB %41%, 41%, 41%
HSLhsl(0, 0%, 41%)
HSV / HSBhsv(0, 0%, 41%)
CMYKcmyk(0%, 0%, 0%, 59%)
OKLCHoklch(52% 0 90)
Closest web-safe#666666
Closest CSS nameDim Gray (exact)

Contrast against white text 5.49:1 · against black text 3.83:1. See the full Dim Gray color page for harmonies, shades and tints, or open it in the color picker.

Colors that go with a dim gray screen

Using two screens side by side, a split display or a dim gray wallpaper with accents? These named colors sit in harmony with Dim Gray on the color wheel:

Build a full scheme from dim 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 Dim Gray

More gray and black screens

Browse every color screen →

Dim Gray screen — FAQ

What is the hex code for a dim gray screen?

A dim gray screen uses the color Dim Gray, hex #696969 — rgb(105, 105, 105). The full-screen view and every download use exactly that value, and dim-gray also works as a CSS color name.

How do I make my whole screen dim gray?

Open this page and tap Open full screen (or tap the preview). Your browser fills the entire display with dim 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 dim gray screen?

A dim gray screen gives off about 14% of the light of a white screen at the same brightness setting, a comfortable level for ambient 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 dim gray screen?

White text, with a contrast ratio of 5.5:1, which passes the WCAG guideline for normal text. Check any other pairing in the contrast checker.

Can I use a dim gray screen to check for dead pixels?

Yes. Open the dim gray screen full screen and look closely for dots that stay the wrong color — a stuck or dead pixel breaks the flat field. For a complete check, repeat with the white, black, red, green, blue screens too.