Color Screen

Yellow Green Screen

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

1920 × 1080 px · #9ACD32
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 yellow green screen?

A yellow green screen is simply a web page filled edge to edge with one solid color — Yellow Green, hex #9ACD32, or rgb(154, 205, 50). It is a light, cool color: in HSL it sits at 80° hue, 61% saturation and 50% lightness, and its relative luminance is 50.8%. yellow-green is one of the standard CSS color names, so it renders identically in every browser.

Yellow Green screen at a glance

How a full-screen yellow green (#9ACD32) behaves as a light, a test pattern and a background — measured from the color itself.

Brightness51% of a white screenA medium light level — comfortable as ambient light.
Blue lightvery low (3% of its light)Very little blue light, so it is gentle on your body clock 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 itBlack text · 11.2: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 yellow green screen for

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 yellow green field makes a dead or stuck pixel jump out, and it exercises the red and green sub-pixels.

Yellow Green screen preview — a full-screen solid yellow green color, hex #9ACD32, rgb(154, 205, 50)
The yellow green screen (#9ACD32) — this is also the preview image shown when you share the page.

How to use the yellow green screen

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

Yellow Green screen color codes

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

Hex#9ACD32
RGBrgb(154, 205, 50)
RGB %60%, 80%, 20%
HSLhsl(80, 61%, 50%)
HSV / HSBhsv(80, 76%, 80%)
CMYKcmyk(25%, 0%, 76%, 20%)
OKLCHoklch(78% 0.184 127)
Closest web-safe#99CC33
Closest CSS nameYellow Green (exact)

Contrast against white text 1.88:1 · against black text 11.15:1. See the full Yellow Green color page for harmonies, shades and tints, or open it in the color picker.

Colors that go with a yellow green screen

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

Build a full scheme from yellow green 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 Yellow Green

More green screens

Browse every color screen →

Yellow Green screen — FAQ

What is the hex code for a yellow green screen?

A yellow green screen uses the color Yellow Green, hex #9ACD32 — rgb(154, 205, 50). The full-screen view and every download use exactly that value, and yellow-green also works as a CSS color name.

How do I make my whole screen yellow green?

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

A yellow green screen gives off about 51% of the light of a white screen at the same brightness setting, a comfortable level for ambient light. About 3% of its light is blue (a white screen is 33%), which counts as very low blue light.

What color text is easiest to read on a yellow green screen?

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

Can I use a yellow green screen to check for dead pixels?

Yes. Open the yellow green 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.