Brick Screen
A full-screen solid brick color (#B22222). Fill your whole display, or download the brick screen as an image in 480p, 720p, 1080p, 1440p, 4K or any size you type in.
Advanced — print resolution (DPI)
What is a brick screen?
A brick screen is simply a web page filled edge to edge with one solid color — Brick, hex #B22222, or rgb(178, 34, 34). It is a dark, warm color: in HSL it sits at 0° hue, 68% saturation and 42% lightness, and its relative luminance is 10.7%. The closest standard CSS color is Fire Brick (#B22222).
Brick screen at a glance
How a full-screen brick (#B22222) behaves as a light, a test pattern and a background — measured from the color itself.
| Brightness | 11% of a white screen | A dim glow — easy on the eyes in a dark room. |
|---|---|---|
| Blue light | very low (3% 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 brick screen works as a night light without being harsh. |
| Text on it | White text · 6.7:1 | Readable for normal text (WCAG AA). |
| Display test | Mixed sub-pixel levels | Good for spotting uneven backlight, banding and tint across the panel. |
What people use a brick screen for
Its low blue-light output also makes it a comfortable screen to leave on at night.
Red screens are the classic choice for anything that has to stay visible without wrecking night vision — amateur astronomers, photographers in a darkroom-style setup and pilots use a dim red field to read by while their eyes stay adapted to the dark. A saturated red also lights only the red sub-pixels of a display, which makes it a fast way to spot a dead green or blue sub-pixel, and it doubles as instant stage, party or "alert" lighting.
As a test pattern, a dark brick field is best for spotting backlight bleed and IPS glow on an LCD, or stuck "always-on" pixels on an OLED.
#B22222) — this is also the preview image shown when you share the page.How to use the brick screen
The color is already set to Brick (#B22222). Tap Open full screen, or the preview, to fill your whole display with brick; 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 brick-screen-1920x1080.png, with no watermark. A flat brick 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.
Brick screen color codes
The full-screen color and every download use exactly these values. Tap any row to copy it.
Contrast against white text 6.68:1 · against black text 3.14:1. See the full Brick color page for harmonies, shades and tints, or open it in the color picker.
Colors that go with a brick screen
Using two screens side by side, a split display or a brick wallpaper with accents? These named colors sit in harmony with Brick on the color wheel:
Build a full scheme from brick 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 Brick
More red screens
Brick screen — FAQ
What is the hex code for a brick screen?
A brick screen uses the color Brick, hex #B22222 — rgb(178, 34, 34). The full-screen view and every download use exactly that value. The nearest standard CSS name is Fire Brick (#B22222).
How do I make my whole screen brick?
Open this page and tap Open full screen (or tap the preview). Your browser fills the entire display with brick 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 brick screen?
A brick screen gives off about 11% of the light of a white screen at the same brightness setting, a comfortable level for ambient light. About 3% 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 brick screen?
White text, with a contrast ratio of 6.7:1, which passes the WCAG guideline for normal text. Check any other pairing in the contrast checker.
Does a brick 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 brick screen draws less than a bright one. On a normal LCD the backlight stays on regardless, so the saving is small.