Color Screen

Porcelain Screen

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

1920 × 1080 px · #F0EDE5
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 porcelain screen?

A porcelain screen is simply a web page filled edge to edge with one solid color — Porcelain, hex #F0EDE5, or rgb(240, 237, 229). It is a very light, warm color: in HSL it sits at 44° hue, 27% saturation and 92% lightness, and its relative luminance is 84.8%. The closest standard CSS color is Linen (#FAF0E6).

Porcelain screen at a glance

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

Brightness85% of a white screenBright enough to use as a light source or fill light.
Blue lightmoderate (31% of its light)About as much blue as a white screen.
Night useBetter for daytimeFor a night light, turn the brightness down or choose a warmer screen such as red or orange.
Text on itBlack text · 18.0:1Excellent contrast for captions or signs (WCAG AAA).
Display testred and green at full powerA dead red or green sub-pixel shows as a dark dot.

What people use a porcelain screen for

Because Porcelain is so light, a porcelain 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 porcelain field makes a dead or stuck pixel jump out, and it exercises the red, green and blue sub-pixels.

Porcelain screen preview — a full-screen solid porcelain color, hex #F0EDE5, rgb(240, 237, 229)
The porcelain screen (#F0EDE5) — this is also the preview image shown when you share the page.

How to use the porcelain screen

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

Porcelain screen color codes

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

Hex#F0EDE5
RGBrgb(240, 237, 229)
RGB %94%, 93%, 90%
HSLhsl(44, 27%, 92%)
HSV / HSBhsv(44, 5%, 94%)
CMYKcmyk(0%, 1%, 5%, 6%)
OKLCHoklch(95% 0.011 90)
Closest web-safe#FFFFCC
Closest CSS nameLinen (#FAF0E6)

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

Colors that go with a porcelain screen

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

Build a full scheme from porcelain 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 Porcelain

More white screens

Browse every color screen →

Porcelain screen — FAQ

What is the hex code for a porcelain screen?

A porcelain screen uses the color Porcelain, hex #F0EDE5 — rgb(240, 237, 229). The full-screen view and every download use exactly that value. The nearest standard CSS name is Linen (#FAF0E6).

How do I make my whole screen porcelain?

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

A porcelain screen gives off about 85% of the light of a white screen at the same brightness setting, so it works well as a light source or fill light. About 31% 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 porcelain screen?

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

Can I use a porcelain screen to check for dead pixels?

Yes. Open the porcelain screen full screen and look closely for dots that stay the wrong color — a stuck or dead pixel breaks the flat field. For a complete check, repeat with the white, black, red, green, blue screens too.