Pine Screen
A full-screen solid pine color (#01796F). Fill your whole display, or download the pine screen as an image in 480p, 720p, 1080p, 1440p, 4K or any size you type in.
Advanced — print resolution (DPI)
What is a pine screen?
A pine screen is simply a web page filled edge to edge with one solid color — Pine, hex #01796F, or rgb(1, 121, 111). It is a mid-toned, cool color: in HSL it sits at 175° hue, 98% saturation and 24% lightness, and its relative luminance is 14.8%. The closest standard CSS color is Teal (#008080).
Pine screen at a glance
How a full-screen pine (#01796F) behaves as a light, a test pattern and a background — measured from the color itself.
| Brightness | 15% of a white screen | A dim glow — easy on the eyes in a dark room. |
|---|---|---|
| Blue light | high (45% of its light) | More blue than a white screen — better for daytime than late at night. |
| 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 · 5.3:1 | Readable for normal text (WCAG AA). |
| Display test | red switched off | A stuck-on red sub-pixel shows as a bright speck. |
What people use a pine screen for
As a saturated color, pine makes a bold backdrop for product photos, thumbnails and streams, and a strong mood light for a desk or party.
Green screens are best known for chroma-key video: streamers and filmmakers fill a display with pure green to key themselves onto a different background. Green is also the channel the eye is most sensitive to, so a green field is a sensitive test for panel uniformity and stuck pixels, and a softer green makes a calm ambient light.
As a test pattern, a flat pine field makes a dead or stuck pixel jump out.
#01796F) — this is also the preview image shown when you share the page.How to use the pine screen
The color is already set to Pine (#01796F). Tap Open full screen, or the preview, to fill your whole display with pine; 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 pine-screen-1920x1080.png, with no watermark. A flat pine 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.
Pine screen color codes
The full-screen color and every download use exactly these values. Tap any row to copy it.
Contrast against white text 5.30:1 · against black text 3.97:1. See the full Pine color page for harmonies, shades and tints, or open it in the color picker.
Colors that go with a pine screen
Using two screens side by side, a split display or a pine wallpaper with accents? These named colors sit in harmony with Pine on the color wheel:
Build a full scheme from pine 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 Pine
More green screens
Pine screen — FAQ
What is the hex code for a pine screen?
A pine screen uses the color Pine, hex #01796F — rgb(1, 121, 111). The full-screen view and every download use exactly that value. The nearest standard CSS name is Teal (#008080).
How do I make my whole screen pine?
Open this page and tap Open full screen (or tap the preview). Your browser fills the entire display with pine 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 pine screen?
A pine screen gives off about 15% of the light of a white screen at the same brightness setting, a comfortable level for ambient light. About 45% 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 pine screen?
White text, with a contrast ratio of 5.3:1, which passes the WCAG guideline for normal text. Check any other pairing in the contrast checker.