Espresso Screen
A full-screen solid espresso color (#3B2F2F). Fill your whole display, or download the espresso screen as an image in 480p, 720p, 1080p, 1440p, 4K or any size you type in.
Advanced — print resolution (DPI)
What is a espresso screen?
A espresso screen is simply a web page filled edge to edge with one solid color — Espresso, hex #3B2F2F, or rgb(59, 47, 47). It is a dark, warm color: in HSL it sits at 0° hue, 11% saturation and 21% lightness, and its relative luminance is 3.2%. The closest standard CSS color is Dark Slate Gray (#2F4F4F).
Espresso screen at a glance
How a full-screen espresso (#3B2F2F) behaves as a light, a test pattern and a background — measured from the color itself.
| Brightness | 3% of a white screen | Almost no light — the screen goes nearly dark. |
|---|---|---|
| Blue light | moderate (28% 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 | White text · 12.9: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 espresso screen for
Espresso is dark enough that a espresso 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.
Espresso 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.
Brown screens produce a warm, low-key neutral wash that works as a cozy ambient light, a muted backdrop for still-life photography, or a calm placeholder colour for signage and mock-ups. Being a dark, desaturated orange, brown keeps blue light low.
As a test pattern, a dark espresso field is best for spotting backlight bleed and IPS glow on an LCD, or stuck "always-on" pixels on an OLED.
#3B2F2F) — this is also the preview image shown when you share the page.How to use the espresso screen
The color is already set to Espresso (#3B2F2F). Tap Open full screen, or the preview, to fill your whole display with espresso; 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 espresso-screen-1920x1080.png, with no watermark. A flat espresso 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.
Espresso screen color codes
The full-screen color and every download use exactly these values. Tap any row to copy it.
Contrast against white text 12.85:1 · against black text 1.63:1. See the full Espresso color page for harmonies, shades and tints, or open it in the color picker.
Colors that go with a espresso screen
Using two screens side by side, a split display or a espresso wallpaper with accents? These named colors sit in harmony with Espresso on the color wheel:
Build a full scheme from espresso 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 Espresso
More brown screens
Espresso screen — FAQ
What is the hex code for a espresso screen?
A espresso screen uses the color Espresso, hex #3B2F2F — rgb(59, 47, 47). The full-screen view and every download use exactly that value. The nearest standard CSS name is Dark Slate Gray (#2F4F4F).
How do I make my whole screen espresso?
Open this page and tap Open full screen (or tap the preview). Your browser fills the entire display with espresso 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 espresso screen?
A espresso screen gives off about 3% 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 28% 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 espresso screen?
White text, with a contrast ratio of 12.9:1, which passes the WCAG guideline for normal text. Check any other pairing in the contrast checker.
Does a espresso 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 espresso screen draws less than a bright one. On a normal LCD the backlight stays on regardless, so the saving is small.