Green color

Emerald #50C878

#50C878 · rgb(80, 200, 120)

Emerald is the color #50C878. In RGB it is rgb(80, 200, 120) — 31% red, 78% green and 47% blue. Its CMYK breakdown is 60% cyan, 0% magenta, 40% yellow and 22% black, and in HSL it sits at 140° hue, 52% saturation and 55% lightness. Emerald is not a standard CSS color name; the nearest web color is Medium Aquamarine (#66CDAA). The closest web-safe color is #66CC66.

Open in color picker Convert Make a palette Check contrast

Emerald color codes

Hex#50C878

RGBrgb(80, 200, 120)

RGB %31%, 78%, 47%

HSLhsl(140, 52%, 55%)

HSV / HSBhsv(140, 60%, 78%)

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

OKLCHoklch(75% 0.158 152)

Closest web-safe#66CC66

Emerald color meaning

Emerald is a balanced and versatile green — a cool color at 55% lightness and 52% saturation. Like other greens, it is linked with nature, growth and balance. It is the color the eye finds most restful, which is why it signals health, freshness and "go".

Because it is balanced and versatile, emerald works best for brand colors, illustration, furnishings and accents. As text on white it would be too faint (2.1:1), so use it for fills and backgrounds and put black text on top (9.9:1).

What colors go with Emerald?

Emerald pairs well with Blush, Lime Green, Medium Aquamarine and Linen: Blush sits close to its opposite on the color wheel for strong contrast, Lime Green and Medium Aquamarine are neighbors that keep a scheme calm, and Linen gives the eye somewhere to rest.

Build a full scheme around emerald in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Emerald at a glance

Color family	Green · cool, balanced and versatile
CSS color name	No — nearest keyword is Medium Aquamarine (#66CDAA)
As text on white	2.13:1 — not readable as text
Best text on it	Black (9.87:1)
For print (CMYK)	60% cyan, 0% magenta, 40% yellow, 22% black
Full screen	Open the emerald screen — fill your display or download it in 4K

Contrast

Contrast ratio of Emerald against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 2.13:1 Black text — 9.87:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Emerald

Emerald color FAQ

What is the hex code for Emerald?

Emerald is #50C878, which is rgb(80, 200, 120) and hsl(140, 52%, 55%). For print it is roughly C60 M0 Y40 K22.

What colors go with Emerald?

Emerald pairs well with Blush, Lime Green, Medium Aquamarine, Linen. Blush gives the strongest contrast, being close to its complementary color. Neutrals such as Linen also work well alongside it.

Is Emerald a warm or cool color?

Emerald is a cool color: its hue is 140°, on the green, blue and violet side of the color wheel.

What text color looks best on Emerald?

Black text, with a contrast ratio of 9.9:1, which meets WCAG AA for normal text.