Green Screen
#22ff00
Solid chroma green for clean keying and overlays
About Green Screen
On my screen, Green Screen looks like somebody cut a sheet of bright chroma green and laid it straight on top of the interface. It's clean and intensely saturated, but it doesn't go yellow like Acid, and it doesn't flatten into that almost sticker feel you get from Alien Abduction.
This shade keeps its bite with cool, screen-forward clarity, which is why it's a natural pick for dashboards and finance apps style highlights where you want instant legibility without drifting into warning territory. I also use it for video keying overlays, compositing work, and game HUD "ready" states, especially when the background is dark and you need the marker to stay crisp under motion. It's the kind of color that reads like a directive rather than a mood.
If you pair it with deep cyan or bright whites, it can feel a little too raw. Let charcoal or neutral grays do the grounding, and keep it for states, strokes, and key accents.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.