Lush Radiant Precious Gem Green
Category: Green
Emerald Green (#50C878) — Color Codes, Meaning & UI Palettes
Emerald Green is a brilliant, clear green named after the gemstone beryl emerald. Throughout history, it has represented royalty, rejuvenation, abundant wealth, and Ireland's Emerald Isle.
Click to Copy HEX
Emerald Green
#50C878
HEX
#50C878
RGB
rgb(80, 200, 120)
HSL
hsl(140deg, 52%, 55%)
CMYK (Print)
cmyk(60%, 0%, 40%, 22%)
Apple Display P3
color(display-p3 0.314 0.784 0.471)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
2.13:1 (Fail)
Black Text (#000000)
9.87:1 (AAA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#F4FCF7
100
#E3F6E9
200
#C7EDD4
300
#A4E2B9
400
#7AD598
500
#50C878
600
#40A060
700
#307848
800
#205030
900
#122C1A
950
#0A180E
Color Harmonies & Palette Schemes
Complementary
#C851A0
Opposite 180° Contrast
Analogous -30°
#64C851
Natural Harmony
Analogous +30°
#51C8B4
Natural Harmony
Triadic +120°
#7851C8
120° Balanced Triad
Triadic +240°
#C87851
120° Balanced Triad
Curated UI Design Pairings for Emerald Green
A radiant jewel-tone accent for wealth management, sustainable luxury, and eco-conscious lifestyle platforms.
Deep Forest Green
#1B4332
Monochromatic Depth
Gold Amber
#F59E0B
Jewel & Gold Luxury
Pure White
#FFFFFF
Clean Surface
Deep Obsidian
#0A0B0E
Dark Background
Export Emerald Green Code Snippets
CSS Variable
--color-emerald-green: #50C878;
Tailwind Config
'emerald-green': '#50C878'
Swift / SwiftUI
Color(hex: "#50C878")
JSON Design Token
{"name": "Emerald Green", "hex": "#50C878"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.