What color is Emerald?
Emerald is a rich, medium-dark green with a bright, slightly cool tone, hex #50C878, close to the color of a fresh-cut emerald gemstone. The color has a clarity to it that reads as vivid without being neon, sitting deeper than lime but lighter than forest green.
What is the meaning of the color Emerald?
Ancient Egyptians mined emeralds near the Red Sea as early as 1500 BCE, prizing the stone as a symbol of fertility and eternal life. The color name entered English in the 13th century through the Old French esmeralde, derived from the Greek smaragdos. By the 19th century, emerald green became a fashionable pigment in European painting and textile dyeing, though its arsenic-based formula made it toxic. The Pantone Color Institute named Emerald its Color of the Year in 2013, describing it as a color of growth and harmony.
What colors go with Emerald?
Colors that pair well with Emerald include:
Gold: rich, warm contrast
Navy: deep, grounded balance
White: clean, bright lift
Blush Pink: soft, unexpected warmth
Charcoal: dark, modern depth
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #50C878 |
color: #50C878;
|
| RGB | 80, 200, 120 |
color: rgb(80, 200, 120);
|
| RGB Percentage | 31%, 78%, 47% |
color: rgb(31%, 78%, 47%);
|
| CMYK | 60%, 0%, 40%, 22% | Not supported in CSS |
| HSL | 140°, 52%, 55% |
color: hsl(140, 52%, 55%);
|
| HSV | 140°, 60%, 78% | Not supported in CSS |
| CIE-LAB | 44, -24, 27 |
color: lab(44% -24 27);
|
| Decimal | 5294200 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.emerald {
color: #50C878;
}
$emerald: #50C878;
rgb(80, 200, 120)