Emerald Green hex code
The hex code for emerald green is #50C878. In RGB that is rgb(80, 200, 120) and in HSL it is hsl(140, 52%, 55%).
The hex code for emerald green is #50C878. In RGB that is rgb(80, 200, 120) and in HSL it is hsl(140, 52%, 55%).
Emerald Green · #50C878
Colour codes
- HEX
- #50C878
- RGB
- rgb(80, 200, 120)
- HSL
- hsl(140, 52%, 55%)
- CMYK
- 60, 0, 40, 22
- Contrast on white
- 2.13:1
- Contrast on black
- 9.87:1
Tints and shades
20% lighter · #73d393
40% lighter · #96deae
60% lighter · #b9e9c9
80% lighter · #dcf4e4
20% darker · #40a060
40% darker · #307848
60% darker · #205030
80% darker · #102818
Complementary colour
Emerald Green · #50C878
Opposite on the colour wheel · #c851a0
Frequently asked questions
What is the hex code for emerald green?
The hex code for emerald green is #50C878. In RGB that is rgb(80, 200, 120) and in HSL it is hsl(140, 52%, 55%).
Can I use emerald green for text?
It has a contrast ratio of 2.13:1 on white and 9.87:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with emerald green?
Its complementary colour, opposite on the colour wheel, is #C851A0. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of emerald green instead.
Is emerald green a CSS colour name?
No. Emerald Green is a common name rather than a CSS keyword, and different sources use slightly different values. #50C878 is the most widely used one - use the hex value in CSS.