Color Screen

Taupe Screen

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

1920 × 1080 px · #483C32
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 taupe screen?

A taupe screen is simply a web page filled edge to edge with one solid color — Taupe, hex #483C32, or rgb(72, 60, 50). It is a dark, warm color: in HSL it sits at 27° hue, 18% saturation and 24% lightness, and its relative luminance is 4.8%. The closest standard CSS color is Dark Slate Gray (#2F4F4F).

Taupe screen at a glance

How a full-screen taupe (#483C32) behaves as a light, a test pattern and a background — measured from the color itself.

Brightness5% of a white screenA dim glow — easy on the eyes in a dark room.
Blue lightlow (22% of its light)Less blue than a white screen (33%).
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 · 10.7:1Excellent contrast for captions or signs (WCAG AAA).
Display testMixed sub-pixel levelsGood for spotting uneven backlight, banding and tint across the panel.

What people use a taupe screen for

Taupe is dark enough that a taupe 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.

Taupe 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 taupe field is best for spotting backlight bleed and IPS glow on an LCD, or stuck "always-on" pixels on an OLED.

Taupe screen preview — a full-screen solid taupe color, hex #483C32, rgb(72, 60, 50)
The taupe screen (#483C32) — this is also the preview image shown when you share the page.

How to use the taupe screen

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

Taupe screen color codes

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

Hex#483C32
RGBrgb(72, 60, 50)
RGB %28%, 24%, 20%
HSLhsl(27, 18%, 24%)
HSV / HSBhsv(27, 31%, 28%)
CMYKcmyk(0%, 17%, 31%, 72%)
OKLCHoklch(37% 0.024 62)
Closest web-safe#333333
Closest CSS nameDark Slate Gray (#2F4F4F)

Contrast against white text 10.67:1 · against black text 1.97:1. See the full Taupe color page for harmonies, shades and tints, or open it in the color picker.

Colors that go with a taupe screen

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

Build a full scheme from taupe 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 Taupe

More brown screens

Browse every color screen →

Taupe screen — FAQ

What is the hex code for a taupe screen?

A taupe screen uses the color Taupe, hex #483C32 — rgb(72, 60, 50). 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 taupe?

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

A taupe screen gives off about 5% 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 22% of its light is blue (a white screen is 33%), which counts as low blue light.

What color text is easiest to read on a taupe screen?

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

Does a taupe 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 taupe screen draws less than a bright one. On a normal LCD the backlight stays on regardless, so the saving is small.