Emerald Screen
Fill your whole display with emerald in one click. Nothing to install, nothing uploaded.
Emerald wallpaper
What a emerald screen is for
Emerald is a bright blue-green. It is close enough to chroma key green to work as a backdrop at a push, while being easier to look at for long periods than the pure green normally used.
Green from a chromium impurity
Emerald is beryl, a mineral that is colourless when pure. Its green comes from traces of chromium or vanadium replacing aluminium in the crystal, and the same chromium impurity in corundum produces ruby red instead. The colour a trace element produces depends on the crystal it sits in, which is why two of the most valuable gemstones owe their opposite colours to the same contaminant. The shade is a deep, slightly blue-leaning green: green high, blue moderate, red low.
Deep green on a screen
Emerald is more saturated and darker than the plain green page, and it sits far enough toward blue to read as distinctly cooler. Because green carries most of a display's perceived brightness, even a darkened green like this stays clearly visible and does not collapse toward black the way a dark red does. That makes it a good background colour: dark enough for light text, bright enough to read as a colour rather than a shadow.
Where the gemstone comparison breaks down
A cut emerald gets much of its appearance from what happens inside it: light entering, refracting, bouncing off internal facets and emerging in directions that shift as the stone moves. Emeralds are also characteristically included, with internal fractures that scatter light. None of that survives as a flat value, so this is the hue of an emerald without the depth. The same caveat applies to the ruby, sapphire and jade pages.
Click the panel above to go fullscreen and press Esc to come back. The color is drawn by your browser, so nothing is installed and nothing is uploaded.
Emerald color values
The exact values for this shade, if you need to match it somewhere else.
| Hex | #50C878 |
|---|---|
| RGB | 80, 200, 120 |
| HSL | 140°, 52%, 55% |
| CMYK | 60%, 0%, 40%, 22% |
| Contrast on white | 2.13:1 |
| Contrast on black | 9.87:1 |
Contrast ratios follow the WCAG formula. Anything at or above 4.5:1 is readable as body text against that background, and 3:1 is the floor for large headings. Emerald reaches that bar on black.
Colors close to emerald
Measured as perceived difference, not by name, so these are the shades that genuinely sit nearest emerald to the eye.
Questions
Does this work on a phone?
Yes. On mobile the page fills the screen when you tap the panel. Some browsers keep a thin status bar visible, which is a browser limit rather than something the page controls.
Will a emerald screen fix a stuck pixel?
Sometimes. A stuck pixel is lit in one color and can occasionally be freed by cycling colors rapidly for a few minutes. A dead pixel receives no power at all and cannot be recovered in software.
What is the hex code for this emerald screen?
This page uses #50C878. The same value is shown in RGB, HSL and CMYK further down, so you can match this exact shade somewhere else.
Does a emerald screen save battery?
No, and on an OLED or AMOLED screen a light color costs more power than a dark one, because every pixel has to be lit. If battery life is the goal, use the black screen instead.
Can I download this emerald as a wallpaper?
Yes. There is a ready-made 1920 by 1080 PNG on this page, and the panel above will generate the same color at your own screen size, at 1440p or 4K, or at phone dimensions. No watermark and no sign-up.
Is it free?
Yes, and there is no sign-up. The page draws a color; that is the whole tool.