Saddle Brown Screen
A full-screen solid saddle brown color (#8B4513). Fill your whole display, or download the saddle brown screen as an image in 480p, 720p, 1080p, 1440p, 4K or any size you type in.
Advanced — print resolution (DPI)
What is a saddle brown screen?
A saddle brown screen is simply a web page filled edge to edge with one solid color — Saddle Brown, hex #8B4513, or rgb(139, 69, 19). It is a dark, warm color: in HSL it sits at 25° hue, 76% saturation and 31% lightness, and its relative luminance is 9.8%. saddle-brown is one of the standard CSS color names, so it renders identically in every browser.
Saddle Brown screen at a glance
How a full-screen saddle brown (#8B4513) behaves as a light, a test pattern and a background — measured from the color itself.
| Brightness | 10% of a white screen | A dim glow — easy on the eyes in a dark room. |
|---|---|---|
| Blue light | very low (2% of its light) | Very little blue light, so it is gentle on your body clock at night. |
| Night use | Good | Dim and low in blue light, so a saddle brown screen works as a night light without being harsh. |
| Text on it | White text · 7.1:1 | Excellent contrast for captions or signs (WCAG AAA). |
| Display test | blue switched off | A stuck-on blue sub-pixel shows as a bright speck. |
What people use a saddle brown screen for
As a saturated color, saddle brown makes a bold backdrop for product photos, thumbnails and streams, and a strong mood light for a desk or party.
Its low blue-light output also makes it a comfortable screen to leave on at night.
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 saddle brown field is best for spotting backlight bleed and IPS glow on an LCD, or stuck "always-on" pixels on an OLED.
#8B4513) — this is also the preview image shown when you share the page.How to use the saddle brown screen
The color is already set to Saddle Brown (#8B4513). Tap Open full screen, or the preview, to fill your whole display with saddle brown; 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 saddle-brown-screen-1920x1080.png, with no watermark. A flat saddle brown 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.
Saddle Brown screen color codes
The full-screen color and every download use exactly these values. Tap any row to copy it.
Contrast against white text 7.10:1 · against black text 2.96:1. See the full Saddle Brown color page for harmonies, shades and tints, or open it in the color picker.
Colors that go with a saddle brown screen
Using two screens side by side, a split display or a saddle brown wallpaper with accents? These named colors sit in harmony with Saddle Brown on the color wheel:
Build a full scheme from saddle brown 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 Saddle Brown
More brown screens
Saddle Brown screen — FAQ
What is the hex code for a saddle brown screen?
A saddle brown screen uses the color Saddle Brown, hex #8B4513 — rgb(139, 69, 19). The full-screen view and every download use exactly that value, and saddle-brown also works as a CSS color name.
How do I make my whole screen saddle brown?
Open this page and tap Open full screen (or tap the preview). Your browser fills the entire display with saddle brown 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 saddle brown screen?
A saddle brown screen gives off about 10% of the light of a white screen at the same brightness setting, a comfortable level for ambient light. About 2% of its light is blue (a white screen is 33%), which counts as very low blue light.
What color text is easiest to read on a saddle brown screen?
White text, with a contrast ratio of 7.1:1, which passes the WCAG guideline for normal text. Check any other pairing in the contrast checker.
Does a saddle brown 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 saddle brown screen draws less than a bright one. On a normal LCD the backlight stays on regardless, so the saving is small.