#50AF71

#50AF71

Color Values

HEX

#50AF71

RGB

80, 175, 113

HSL

140.8, 37.3%, 50.0%

HSV

140.8, 54.3%, 68.6%

CMYK

54.3%, 0.0%, 35.4%, 31.4%

OKLCH

0.6803 0.129 152.8

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#50AF71

#AF508E

Analogous

#5FAF50

#50AFA0

#50AF71

Triadic

#50AF71

#7150AF

#AF7150

Split Complementary

#50AF71

#A050AF

#AF505F

Tetradic

#50AF71

#505FAF

#AF508E

#AFA050

Color Blindness Simulation

Original

#50AF71

Protanopia

#797A80

Deuteranopia

#746C84

Tritanopia

#558C8E

Achromatopsia

#969696

CSS Usage

background-color: #50AF71;
color: #50AF71;
border-color: #50AF71;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5FAF7
100
#E7F3EB
200
#CEE9D7
300
#ABD9BB
400
#7DC496
500
#50AF71
600
#408C5A
700
#337048
800
#285838
900
#20412B
950
#14291B

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

7.71:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026