Emerald Green Color
Hex Code: #50C878 · green
About Emerald Green
Emerald green is a vivid, jewel-toned green that takes its name from the precious gemstone. Unlike the earthier forest green or softer sage, emerald is highly saturated and luminous, with an almost gem-like quality that makes it visually striking. Pantone named Emerald its Color of the Year in 2013, describing it as 'lush, lively, and life-giving.' It carries associations with luxury, nature, growth, and vibrant life.
Is Emerald Green Right for Your Project?
Choose Emerald Green for
Emerald green is a bold, luxurious color that works brilliantly as a hero color or dramatic accent. It pairs beautifully with gold, black, white, and warm brass. Popular in luxury fashion, jewelry brands, high-end interior design, and premium product packaging. It shows up in 4 palettes in Colortion's library spanning a calm, playful range of moods.
Look elsewhere for
High-energy nightlife or urgent call-to-action design, where green's calm, natural association works against urgency. Browse all colors to find a hue with a better fit.
Emerald Green Tints & Shades
Lighter and darker variants of Emerald Green — useful for hover states, borders, and backgrounds that need to stay in the same color family.
Emerald Green Color Harmonies
Other hues computed from Emerald Green's position on the color wheel — a fast starting point for a palette built around this color.
Complementary
Analogous
Triadic
Tetradic
Color Palettes with Emerald Green
Colors That Go With Emerald Green
These colors complement Emerald Green beautifully in design projects.
How to Use Emerald Green in Design
Emerald green is a bold, luxurious color that works brilliantly as a hero color or dramatic accent. It pairs beautifully with gold, black, white, and warm brass. Popular in luxury fashion, jewelry brands, high-end interior design, and premium product packaging.
Greens like this one sit mid-spectrum for perceived brightness, so contrast against both black and white text needs a manual check rather than a guess. Use #50C878 ( hsl(140, 50%, 55%)) directly in CSS or your design tool — for print, ask your printer for the closest CMYK or Pantone match before production.
Emerald Green is most often paired with Champagne. Start from #50C878 in the Colortion generator and build outward from there rather than starting from scratch.
Similar Colors
All colorsHow Emerald Green Compares
Side-by-side hex, RGB, and lightness values against the closest colors in the library.
| Color | Hex | Lightness |
|---|---|---|
| Emerald Green (this page) | #50C878 | 55% |
| Forest Green | #2D6A4F | 30% |
| Sage Green | #87A878 | 57% |
| Olive Green | #6B7C3C | 36% |
| Teal | #14B8A6 | 40% |
| Navy Blue | #1B2A4A | 20% |
Frequently Asked Questions
What is the hex code for Emerald Green?
The hex code for Emerald Green is #50C878. The RGB value is rgb(80, 200, 120) and the HSL value is hsl(140, 50%, 55%).
What colors go with Emerald Green?
Emerald Green pairs well with Champagne — see the tints, shades, and comparison table below for exact values to build from.
What is Emerald Green used for in design?
Emerald green is a bold, luxurious color that works brilliantly as a hero color or dramatic accent. It pairs beautifully with gold, black, white, and warm brass. Popular in luxury fashion, jewelry brands, high-end interior design, and premium product packaging.