#50AF56

#50AF56

Color Values

HEX

#50AF56

RGB

80, 175, 86

HSL

123.8, 37.3%, 50.0%

HSV

123.8, 54.3%, 68.6%

CMYK

54.3%, 0.0%, 50.9%, 31.4%

OKLCH

0.6755 0.1551 144.8

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#50AF56

#AF50A9

Analogous

#79AF50

#50AF86

#50AF56

Triadic

#50AF56

#5650AF

#AF5650

Split Complementary

#50AF56

#8650AF

#AF5079

Tetradic

#50AF56

#5079AF

#AF50A9

#AF8650

Color Blindness Simulation

Original

#50AF56

Protanopia

#797A6C

Deuteranopia

#746C71

Tritanopia

#557D80

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CEE9D0
300
#ABD9AE
400
#7DC482
500
#50AF56
600
#408C45
700
#337037
800
#28582B
900
#204122
950
#142916

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

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