Emerald Color Codes

HTML, CSS or hex color code for color "Emerald" is #50c878

Hex code #50c878
RGB: rgb(80,200,120)
HSV: ( 140° , 0.6% , 200% )

Complementary Colors

#298448
#36AB5D
#C85096
#AB367A
Complementary colors, when placed next to each other, create the best contrast. This is because complementary colors are picked from the opposite sides of the color wheel. If you combine the complementary colors, you will get one of the colors in the grey scale (white to black) because the colors cancel out each other. Sometimes, complementary colors are also called "opposite colors"

Analogous Colors

#70C850
#42B346
#42B389
#50C8C0
Analogous Colors are groups of colors that are next to each other in the color wheel.

Triad Colors

#7850C8
#2C8C4C
#C87850
#8C4C2C
Triad Colors are the colors placed evenly around the color wheel. If you use this combination, you get a vibrant look to the end result.

Tetrad Colors

#C850A0
#7850C8
#2C8C4C
#C87850
A tetrad is a color scheme with the equal distance between all colors. The tetrad scheme gives a vibrant and colorful overall look.

Sample CSS Code: Text Color

.your-text
{
    color:#50c878;
}

Sample CSS Code: Background Color

.sample-bg
{
    background-color:#50c878;
}

Similar Colors by Name

Hex:
#319177

Similar Colors by Distance

Hex:
#50c878
Distance:
0
Hex:
#3cb371
Distance:
4.02
Hex:
#3cd070
Distance:
4.04
Hex:
#00ab66
Distance:
4.24
Hex:
#74c365
Distance:
4.3
Hex:
#71bc78
Distance:
4.37
Hex:
#77dd77
Distance:
4.42
Hex:
#00cc99
Distance:
4.53
Hex:
#00a86b
Distance:
4.54
Hex:
#00a550
Distance:
4.57
Hex:
#009e60
Distance:
4.88
Hex:
#64e986
Distance:
4.91
Hex:
#44d7a8
Distance:
5
Hex:
#90ee90
Distance:
5.07
Hex:
#1cac78
Distance:
5.12
Hex:
#48bf91
Distance:
5.13
Hex:
#009150
Distance:
5.22
Hex:
#7bb661
Distance:
5.22
Hex:
#85bb65
Distance:
5.26
Hex:
#93c572
Distance:
5.3
Hex:
#30ba8f
Distance:
5.31
Hex:
#00a877
Distance:
5.39
Hex:
#66ddaa
Distance:
5.39
Hex:
#98fb98
Distance:
5.43

Related: