Color Screen

Gunmetal Screen

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

1920 × 1080 px · #2A3439
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 gunmetal screen?

A gunmetal screen is simply a web page filled edge to edge with one solid color — Gunmetal, hex #2A3439, or rgb(42, 52, 57). It is a dark, cool color: in HSL it sits at 200° hue, 15% saturation and 19% lightness, and its relative luminance is 3.2%. The closest standard CSS color is Dark Slate Gray (#2F4F4F).

Gunmetal screen at a glance

How a full-screen gunmetal (#2A3439) behaves as a light, a test pattern and a background — measured from the color itself.

Brightness3% of a white screenAlmost no light — the screen goes nearly dark.
Blue lighthigh (42% of its light)More blue than a white screen — better for daytime than late at night.
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 · 12.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 gunmetal screen for

Gunmetal is dark enough that a gunmetal 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.

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

Gunmetal screen preview — a full-screen solid gunmetal color, hex #2A3439, rgb(42, 52, 57)
The gunmetal screen (#2A3439) — this is also the preview image shown when you share the page.

How to use the gunmetal screen

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

Gunmetal screen color codes

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

Hex#2A3439
RGBrgb(42, 52, 57)
RGB %16%, 20%, 22%
HSLhsl(200, 15%, 19%)
HSV / HSBhsv(200, 26%, 22%)
CMYKcmyk(26%, 9%, 0%, 78%)
OKLCHoklch(32% 0.016 230)
Closest web-safe#333333
Closest CSS nameDark Slate Gray (#2F4F4F)

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

Colors that go with a gunmetal screen

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

Build a full scheme from gunmetal 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 Gunmetal

More gray and black screens

Browse every color screen →

Gunmetal screen — FAQ

What is the hex code for a gunmetal screen?

A gunmetal screen uses the color Gunmetal, hex #2A3439 — rgb(42, 52, 57). 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 gunmetal?

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

A gunmetal 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 42% of its light is blue (a white screen is 33%), which counts as high blue light.

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

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

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