Emerald green color: code #50C878

Emerald green

#50C878

Color codes

  • HEX#50C878
  • RGBrgb(80, 200, 120)
  • HSLhsl(140, 52%, 55%)
  • HSVhsv(140, 60%, 78%)
  • CMYKcmyk(60%, 0%, 40%, 22%)
  • LABlab(72.5% -51.3 30.3)
  • OKLCHoklch(74.5% 0.158 151.5)

About the color Emerald green

Emerald green has the HEX code #50C878, which corresponds to rgb(80, 200, 120) in the RGB model. On the color wheel its hue sits at 140°, with 52% saturation and 55% lightness (hsl(140, 52%, 55%)).

Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.

As a background it calls for dark text: black reaches a 9.87:1 contrast ratio on it, versus 2.12:1 for white.

For print, the approximate conversion is cmyk(60%, 0%, 40%, 22%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Emerald green

Complementary

#50C878 · #C851A0

Analogous

#64C851 · #50C878 · #51C8B4

Triadic

#50C878 · #7851C8 · #C87851

Tetradic

#50C878 · #5164C8 · #C851A0 · #C8B451

Split-complementary

#50C878 · #B451C8 · #C85164

Monochromatic

#25743F · #37AE5F · #50C878 · #8BDAA5 · #C5EDD2

Emerald green with white and black text

White text Aa Bb Cc 123
2.12:1 · fails WCAG
Black text Aa Bb Cc 123
9.87:1 · AAA

Test other pairs in the contrast checker

What emerald green communicates

Emerald green (#50C878) takes its name from the gemstone, and with it much of the symbolism: value, rarity, vitality. It is a bright green with a hint of blue, more refined than pure green and less acidic than lime. Across much of the West it suggests nature, renewal and money; in Ireland it is close to a national color; in many Islamic traditions green carries positive religious meaning. None of this is universal, and context changes everything: the same shade that reads as “jewel” on a wedding invitation can read as “eco-friendly” on a cleaning product label.

Where it works well

Pairings that work

To build out a full color palette, try the harmonies in the palette generator or revisit the logic in our color harmony guide.

Practical tip: text, buttons and dark mode

#50C878 against white sits at roughly 2.1:1, far below the 4.5:1 WCAG requires for body text. If your button needs white text, darken the green to something close to #1E7A45; if you want to keep the original shade, use black or a very dark gray for the label. In dark mode, the original emerald already stands out against near-black backgrounds, so it works as-is for icons and links. Always double-check with the contrast checker before shipping.

How to use it in CSS

:root {
  --color-emerald-green: #50C878;
  --color-emerald-green-rgb: 80, 200, 120;
}

.elemento {
  background-color: var(--color-emerald-green);
  color: #000000;
}

Similar colors

Use Emerald green in our tools