What is Emerald color? Meaning, Hex codes and Palettes

Explore the hex code, RGB, HSL, CMYK and LAB values for Emerald, see how it looks for people with color vision deficiencies, and find color harmonies built around it.

#50C878
HEX#50C878
RGB80, 200, 120
HSL140°, 52%, 55%
HSB140°, 60%, 78%
CMYK60, 0, 40, 22
LAB72, -51, 30
XYZ27.4, 44.4, 24.9
LCH72, 60, 149°
LUV72, -52, 49
HWB140°, 31%, 22%

Emerald Color Variations

Shades, tints, tones and hues built from emerald. Hover any swatch to see its hex code.

Shades

#50C878
#45AB67
#398F56
#2E7245
#225633
#173922
#0B1D11
#000000

Tints

#50C878
#69D08B
#82D89F
#9BE0B2
#B4E7C5
#CDEFD8
#E6F7EC
#FFFFFF

Tones

#50C878
#57BE79
#5EB37A
#65A97B
#6B9F7D
#72957E
#798A7F
#808080

Hues

#50C878
#50BEC8
#5064C8
#9650C8
#C850A0
#C85A50
#C8B450
#82C850

Emerald Color Contrast

Check how readable text and graphics are against emerald. Adjust the text and background colors to see the WCAG contrast score update in real time.

Text Color
#000000
Background Color
#50C878
9.87Great

High Contrast Sample Text

Strong color contrast improves legibility for everyone.

The Emerald color with the hex code #50C878 is a vibrant green shade inspired by the precious emerald gemstone. It symbolizes growth, renewal, harmony, prosperity, and balance, creating a fresh and luxurious visual impression. In color psychology, Emerald #50C878 is often associated with nature, vitality, confidence, and emotional well-being, making it a popular choice for designs that feel elegant and refreshing.

Emerald Color Harmonies

Ready-made color scheme combinations built around emerald, from subtle analogous palettes to bold, high-contrast pairings.

Analogous

#64C850
#50C878
#50C8B4

Complementary

#50C878
#C850A0

Split Complementary

#50C878
#B450C8
#C85064

Triadic

#50C878
#7850C8
#C87850

Tetradic

#50C878
#50A0C8
#C850A0
#C87850

Square

#50C878
#5064C8
#C850A0
#C8B450

Emerald Color Blindness Preview

See how emerald is perceived by people with the most common color vision deficiencies.

Protanopia
#50C878
Original
#84858B
Protanopia
Deuteranopia
#50C878
Original
#7D7490
Deuteranopia
Tritanopia
#50C878
Original
#569B9E
Tritanopia
Achromatopsia
#50C878
Original
#9B9B9B
Achromatopsia

Frequently Asked Questions

1. What colors go with Emerald?

Colors that go with Emerald include gold, white, black, navy blue, blush pink, and neutral shades like beige and gray. These combinations enhance the richness of Emerald color by creating elegant, balanced, and visually appealing palettes. For a natural look, Emerald also pairs beautifully with earthy tones such as brown and soft greens.

2. What colors make Emerald?

To make an Emerald color, mix blue and yellow to create a green base, then adjust the shade by adding more blue for a deeper tone or more yellow for a brighter look. For a color close to Emerald #50C878, use a balanced green mixture with a slight blue influence to achieve its rich, gemstone-like appearance. In digital design, Emerald is commonly represented using the hex code #50C878.

3. What color is Emerald?

Emerald is a vibrant green color inspired by the precious emerald gemstone, featuring a rich and refreshing appearance. The Emerald color is represented by the hex code #50C878 and is often associated with growth, harmony, prosperity, and renewal. It is commonly used in branding, fashion, jewelry, interior design, and artwork to create elegant and nature-inspired visuals.

More Color Meanings