Named after the gemstone, which Colombia produces in large quantities. It's a vivid, brilliant green with a bluish touch. It was Pantone's Color of the Year in 2013 and is popular for evening dresses and velvet.
Also known as: emerald.
Emerald green (#50C878) is a balanced, mid-tone, moderately saturated color. It belongs to the greens family. It mixes 80 red, 200 green and 120 blue (out of 255). It is mostly used in jewelry, fashion, home decor.
From lightest to darkest. Tap a shade to copy its code.
Combinations based on the color wheel. More in the color harmony tool.
Copy the codes or open a palette in the editor to tweak it.
Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.
:root {
--emerald-green: #50C878;
--emerald-green-rgb: 80, 200, 120;
}
.bg { background-color: var(--emerald-green); }
.text { color: var(--emerald-green); }The hex code for emerald green is #50C878. In RGB it is rgb(80, 200, 120), in HSL hsl(140, 52%, 55%) and in CMYK 60, 0, 40, 22.
Its complement on the color wheel is #C850A0, close to neon pink. Used in small doses, it works as an accent and adds strong contrast.
Use black text instead: the contrast with white is only 2.1:1, while with black it is 9.9:1.
It pairs well with gold, black, white, dusty pink, navy blue. Avoid pairing it with yellowish greens like lime or with pure red, because it looks like Christmas or feels overdone. Don't mix it with too many bright colors at once either.