Bone Screen
A full-screen solid bone color (#E3DAC9). Fill your whole display, or download the bone screen as an image in 480p, 720p, 1080p, 1440p, 4K or any size you type in.
Advanced — print resolution (DPI)
What is a bone screen?
A bone screen is simply a web page filled edge to edge with one solid color — Bone, hex #E3DAC9, or rgb(227, 218, 201). It is a very light, warm color: in HSL it sits at 39° hue, 32% saturation and 84% lightness, and its relative luminance is 70.7%. The closest standard CSS color is Gainsboro (#DCDCDC).
Bone screen at a glance
How a full-screen bone (#E3DAC9) behaves as a light, a test pattern and a background — measured from the color itself.
| Brightness | 71% of a white screen | Bright enough to use as a light source or fill light. |
|---|---|---|
| Blue light | moderate (28% of its light) | About as much blue as a white screen. |
| 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 | Black text · 15.1:1 | Excellent contrast for captions or signs (WCAG AAA). |
| Display test | Mixed sub-pixel levels | Good for spotting uneven backlight, banding and tint across the panel. |
What people use a bone screen for
Because Bone is so light, a bone screen doubles as a soft light source: prop a phone or tablet beside you as fill light on a video call, use it as a gentle reading light, or as a backlit surface for tracing.
White screens are the most-used solid colour of all: a full white field is a light source. People use one to check a monitor, phone or TV for dead pixels, dust and backlight bleed, as a tracing light-pad, as a fill light for video calls and photography, as an improvised flashlight, and as a clean background for scanning or product shots.
As a test pattern, a flat bone field makes a dead or stuck pixel jump out, and it exercises the red, green and blue sub-pixels.
#E3DAC9) — this is also the preview image shown when you share the page.How to use the bone screen
The color is already set to Bone (#E3DAC9). Tap Open full screen, or the preview, to fill your whole display with bone; press Esc or tap again to exit. To keep a copy, pick a size — a bright color like this makes a great 1080 × 1920 phone light or a 3840 × 2160 TV fill — and tap Download PNG or JPG. The file is created in your browser and saved as bone-screen-1920x1080.png, with no watermark. A flat bone 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.
Bone screen color codes
The full-screen color and every download use exactly these values. Tap any row to copy it.
Contrast against white text 1.39:1 · against black text 15.14:1. See the full Bone color page for harmonies, shades and tints, or open it in the color picker.
Colors that go with a bone screen
Using two screens side by side, a split display or a bone wallpaper with accents? These named colors sit in harmony with Bone on the color wheel:
Build a full scheme from bone 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 Bone
More white screens
Bone screen — FAQ
What is the hex code for a bone screen?
A bone screen uses the color Bone, hex #E3DAC9 — rgb(227, 218, 201). The full-screen view and every download use exactly that value. The nearest standard CSS name is Gainsboro (#DCDCDC).
How do I make my whole screen bone?
Open this page and tap Open full screen (or tap the preview). Your browser fills the entire display with bone 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 bone screen?
A bone screen gives off about 71% of the light of a white screen at the same brightness setting, so it works well as a light source or fill light. About 28% of its light is blue (a white screen is 33%), which counts as moderate blue light.
What color text is easiest to read on a bone screen?
Black text, with a contrast ratio of 15.1:1, which passes the WCAG guideline for normal text. Check any other pairing in the contrast checker.