What colors go well with emerald green?

Emerald Green pairs with its complementary colour #C850A0 and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Emerald Green Color — Hex Code #50C878, RGB, Palettes & CSS

Q: What is the hex code for emerald green?

Emerald Green is commonly #50C878, which is rgb(80, 200, 120). Like most descriptive colour names it covers a small range, but this is a widely used value.

Emerald Green colour codes

Hex

#50C878

RGB

rgb(80, 200, 120)

HSL

hsl(140, 52%, 55%)

HSV

hsv(140, 60%, 78%)

OKLCH

oklch(0.74 0.16 152)

CMYK

cmyk(60%, 0%, 40%, 22%)

Complementary palette

Emerald Green with its opposite on the colour wheel.

#50C878

rgb(80, 200, 120)

#C850A0

rgb(200, 80, 160)

Triad palette

Emerald Green with two evenly-spaced partners.

#50C878

rgb(80, 200, 120)

#7850C8

rgb(120, 80, 200)

#C87850

rgb(200, 120, 80)

Monochromatic palette

Lighter and darker versions of emerald green at the same hue.

#29673E

rgb(41, 103, 62)

#398F56

rgb(57, 143, 86)

#49B76E

rgb(73, 183, 110)

#55D580

rgb(85, 213, 128)

Lighter tints

Emerald Green toward white.

#50C878

rgb(80, 200, 120)

#69D08B

rgb(105, 208, 139)

#82D89F

rgb(130, 216, 159)

#9BE0B2

rgb(155, 224, 178)

#B4E7C5

rgb(180, 231, 197)

#CDEFD8

rgb(205, 239, 216)

#E6F7EC

rgb(230, 247, 236)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Emerald Green toward black.

#50C878

rgb(80, 200, 120)

#45AB67

rgb(69, 171, 103)

#398F56

rgb(57, 143, 86)

#2E7245

rgb(46, 114, 69)

#225633

rgb(34, 86, 51)

#173922

rgb(23, 57, 34)

#0B1D11

rgb(11, 29, 17)

#000000

rgb(0, 0, 0)

About emerald green

A vivid, rich green named after the gemstone. Luxurious and vibrant, it signals growth and premium quality. The value shown here (#50C878) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with emerald green

The complementary colour (#C850A0) sits opposite emerald green on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using emerald green in your design

For CSS, paste #50C878 or the oklch(0.74 0.16 152) value, or download the ready-made emerald-green.css file above — it includes a full 50–950 token scale. Always check contrast before using emerald green behind text.

What is the hex code for emerald green?

Emerald Green is commonly #50C878 (rgb(80, 200, 120)). It covers a small range, but this is a widely used value.

What colours go well with emerald green?

Its complementary colour #C850A0 and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Emerald Green colour

Emerald Green colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About emerald green

Palettes that work with emerald green

Using emerald green in your design

Popular colours

Color tools