Skip to content

Emerald #50c878

Green at its most expensive.

RGB
80, 200, 120
HSL
140°, 52%, 55%
CMYK
60, 0, 40, 22
Luminance
0.4437

About Emerald

Emerald, #50c878, is green wearing jewelry — the gemstone’s saturated, slightly blue-leaning green that reads precious where forest reads rustic and lime reads loud. Pantone’s 2013 crown made it the decade’s definitive luxury green.

History

Cleopatra owned emerald mines; Colombian emeralds funded empires; the Emerald City sold Oz on green’s promise (through green-tinted glasses, in the book). The stone’s flaws — jardin, “garden” — are prized: the rare gem where imperfection authenticates.

Psychology

Emerald blends green’s balance with jewel-tone status: prosperity, vitality and polish at once. It is finance-green elevated — growth that wears a suit.

In design

Emerald excels as a saturated brand primary on white or a glowing accent on dark (this is the emerald family your community upvotes wear: #10b981). Its darker forms (#047857) are text-safe. Pair with gold (heritage luxury), navy, blush and cream.

In culture

The Emerald Isle, emerald anniversaries (55th), May’s birthstone: green’s ceremonial register. In cinema, emerald is the color glamour turns when it wants mystery.

Brands that own emerald

Shades of emerald

Every format

HEX#50c878
RGBrgb(80, 200, 120)
HSLhsl(140, 52%, 55%)
CMYKcmyk(60%, 0%, 40%, 22%)
LABlab(72.5 -51.3 30.3)
LCHlch(72.5 59.5 149.4)
OKLCHoklch(0.745 0.158 151.5)

Copy-ready code

/* CSS */
color: #50c878;
background-color: #50c878;
/* Tailwind (arbitrary) */
class="text-[#50c878] bg-[#50c878]"
/* SCSS */
$brand: #50c878;
/* SwiftUI */
Color(red: 0.314, green: 0.784, blue: 0.471)
/* Android */
Color.parseColor("#50c878")

Accessibility — WCAG contrast

Aa
#50c878 on white: 2.13:1
AA ✗ fail · AA-large · AAA
Aa
#50c878 on black: 9.87:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red31.4%
Green78.4%
Blue47.1%

CMYK percentages

Cyan60.0%
Magenta0.0%
Yellow40.0%
Key (black)21.6%

Color previews

#50c878 text on a black background

contrast 9.87:1

Card sample

#50c878 text on a white background

contrast 2.13:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #50c878;
Background color
Panel with #50c878 background
background-color: #50c878;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #50c878;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(80, 200, 120, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(80, 200, 120, 0.45);
Border & gradient
Gradient panel
border: 3px solid #50c878;
background: linear-gradient(135deg, #50c878, #50C8C8);

Monochromatic scale

Palettes built from #50c878

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Emerald, answered

What is the hex code for emerald green?

Emerald is commonly #50c878; UI emeralds center on #10b981 with text-safe dark #047857. Pantone’s 2013 Emerald is 17-5641.

Emerald vs jade vs forest green?

Emerald is bright and jewel-saturated with a blue lean; jade is softer and grayer; forest is darker and yellower — luxury, serenity and wilderness respectively.

What colors pair with emerald?

Gold is the historic partner (royal jewelry), navy adds depth, blush pink modernizes, cream and ivory let it lead. Avoid competing saturated greens.

Work with #50c878 in the Color Lab