HTML color code for #50C878

Generic color name: Emerald
Colors that make up #50C878
RGB: 80, 200, 120 - HSL: 0.39, 0.52, 0.55
Web safe color: No

Complementary color

A good complementary color for this color is #C7509F.

Example text color using #50C878

This text is placeholder text to give you an idea of how this color looks when used as a font color on a white background. The following sentence uses every English character: The quick brown fox jumps over the lazy dog. 0123456789 Bold text. Italic text. With Underline.

This text is placeholder text to give you an idea of how this color looks when used as a font color on a black background. The following sentence uses every English character: The quick brown fox jumps over the lazy dog. 0123456789 Bold text. Italic text. With Underline.

HTML using color code example

<p style="color:#50C878">Your text here</p>

CSS code example

<style> p { color: #50C878; } </style>

Lighter colors

#5AD282
#64DC8C
#6EE696
#78F0A0
#82FAAA
#8CFFB4
#96FFBE
#A0FFC8

Darker colors

#46BE6E
#3CB464
#32AA5A
#28A050
#1E9646
#148C3C
#0A8232
#007828

Analogous colors

#50C78B
#50C79F
#50C7B3
#50C7C7
#50B3C7
#509FC7
#508BC7
#5077C7

Trinary colors

#50C878
#7750C7
#C77750

Other colors containing "emerald"

The following table is a list of other colors containing the keyword "emerald" in the color name. This table can give you other ideas for shades of emerald.

CodeColor
#046307Deep Emerald Green
#5FFB17Emerald Green
Tip

Enter any HTML color code into our search to get results like this page.

Computer Hope - HTML color codes - Top 100 color codes