#50AF60

#50AF60

Color Values

HEX

#50AF60

RGB

80, 175, 96

HSL

130.1, 37.3%, 50.0%

HSV

130.1, 54.3%, 68.6%

CMYK

54.3%, 0.0%, 45.1%, 31.4%

OKLCH

0.6771 0.1456 147.2

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#50AF60

#AF509F

Analogous

#6FAF50

#50AF90

#50AF60

Triadic

#50AF60

#6050AF

#AF6050

Split Complementary

#50AF60

#9050AF

#AF506F

Tetradic

#50AF60

#506FAF

#AF509F

#AF9050

Color Blindness Simulation

Original

#50AF60

Protanopia

#797A73

Deuteranopia

#746C78

Tritanopia

#558286

Achromatopsia

#959595

CSS Usage

background-color: #50AF60;
color: #50AF60;
border-color: #50AF60;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F5FAF6
100
#E7F3E9
200
#CEE9D2
300
#ABD9B3
400
#7DC489
500
#50AF60
600
#408C4D
700
#33703D
800
#285830
900
#204126
950
#142918

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

7.64: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