#50C878
Emerald
Emerald is a bright, vivid green named after the emerald gemstone. It represents luxury, elegance, and was Pantone Color of the Year in 2013.
Emerald Color Values
HEX#50C878
RGB80, 200, 120
HSL140°, 52%, 55%
HSV140°, 60%, 78%
CMYK60%, 0%, 40%, 22%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #C8B972 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #B9AD7D (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #2AC5B4 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #A7A7A7 (~0.003% of population)
Emerald as Text Color
Emerald on White
2.1:1FAIL
Emerald on Light Gray
2.0:1FAIL
Emerald on Cream
2.0:1FAIL
Emerald on Dark
8.0:1AAA
Emerald on Black
9.9:1AAA
Emerald on Soft Blue
1.9:1FAIL
Emerald on Soft Green
1.9:1FAIL
Emerald on Soft Pink
1.8:1FAIL
Nearest Tailwind Class
green-400
#4ADE80
Nearest Pantone Match
Pantone 7489 C
#6BA539
CSS Variable Export
:root {
--color-emerald: #50C878;
--color-emerald-rgb: 80, 200, 120;
}Tailwind Config
// tailwind.config.js
colors: {
'emerald': '#50C878',
}Shades of Emerald
#51C878
#3CBE67
#35A75B
#2D8F4E
#267841
#1D5D33
#164626
#0F2F19
#07170D
#000000
Tints of Emerald
#51C878
#64CE87
#77D496
#8BDAA5
#9EE0B4
#B1E7C3
#C5EDD2
#D8F3E1
#ECF9F0
#FFFFFF
Color Harmonies
Complementary
#50C878
#C851A0
Analogous
#64C851
#51C878
#51C8B4
Triadic
#51C878
#7851C8
#C87851
Emerald Text Preview
Heading in Emerald
Body text in Emerald. The quick brown fox jumps over the lazy dog.
White on Emerald
Body text on a Emerald background.
Emerald text on dark background
Contrast: 8.3:1