Emerald is a medium, moderately saturated shade in the green color family, with a cool feel. Its HEX code is #50C878, which equals rgb(80, 200, 120) in RGB and hsl(140, 52%, 55%) in HSL. In print terms it converts to roughly C60 M0 Y40 K22, although exact CMYK results depend on the paper and color profile.
- HEX
#50C878 - RGB
80, 200, 120 - HSL
140°, 52%, 55% - CMYK
60, 0, 40, 22 - Family
Green - Tone
Medium, moderately saturated
About Emerald
Green shades suggest growth, health and calm. From fresh limes to deep forest tones, they are widely used for nature, wellness, finance and “success” states in interfaces. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 9.87:1. Its complementary color is #C851A0.
Download Emerald as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Emerald color codes
| HEX | #50C878 |
|---|---|
| RGB | rgb(80, 200, 120) |
| HSL | hsl(140, 52%, 55%) |
| HSV | 140°, 60%, 78% |
| CMYK | 60%, 0%, 40%, 22% |
| Decimal | 5294200 |
Shades and tints of Emerald
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E2F6E9 - 100
#C5EDD2 - 200
#A8E4BC - 300
#8ADAA5 - 400
#6DD18F - 500
#50C878 - 600
#43A764 - 700
#358550 - 800
#28643C - 900
#1B4328 - 950
#0D2114
Color harmonies for Emerald
- Complementary
#C851A0≈ Medium Light Soft Rose - Analogous −30°
#64C851≈ Medium Light Soft Shamrock - Analogous +30°
#51C8B4≈ Medium Light Soft Aquamarine - Triadic +120°
#7851C8≈ Medium Light Soft Iris - Triadic +240°
#C87851≈ Medium Light Soft Cinnabar - Split 150°
#B451C8≈ Medium Orchid - Split 210°
#C85164≈ Medium Light Soft Cardinal
Contrast and accessibility of Emerald
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Emerald | Aa | 2.13:1 | Fails |
| Black text on Emerald | Aa | 9.87:1 | AAA (excellent) |
CSS code for Emerald
background-color: #50C878;color: #50C878;background-color: rgb(80, 200, 120);background-color: hsl(140, 52%, 55%);:root { --color-emerald: #50C878; }class="bg-[#50C878]"Colors similar to Emerald
- Medium Light Soft Jade
#54D47A - Medium Light Soft Emerald
#54D46D - Medium Light Soft Malachite
#54D487 - Medium Light Muted Emerald
#69BF7A - Medium Light Muted Kelly
#69BF72 - Muted Malachite
#4DB275 - Medium Light Muted Jade
#69BF83 - Muted Mint
#4DB280 - Soft Malachite
#33CC70 - Soft Mint
#33CC80 - Medium Light Soft Kelly
#54D460 - Medium Light Muted Green
#69BF69
More green shades
- Medium Aquamarine
#66CDAA - Medium Sea Green
#3CB371 - Medium Spring Green
#00FA9A - Olive Drab
#6B8E23 - Spring Green
#00FF7F - Yellow Green
#9ACD32 - Mint
#3EB489 - Seafoam Green
#9FE2BF - Jade
#00A86B - Malachite
#0BDA51 - Kelly Green
#4CBB17
Frequently asked questions
What is the HEX code for Emerald?
The HEX code for Emerald is #50C878.
What is the RGB value of Emerald?
Emerald has an RGB value of 80, 200, 120 (rgb(80, 200, 120)). In HSL it is 140°, 52%, 55%.
What text color should I use on Emerald?
Use black text on Emerald. White text has a contrast ratio of 2.13:1 and black text has 9.87:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Emerald?
The complementary color of Emerald is #C851A0. Analogous colors #64C851 and #51C8B4 also pair well.