#50AF63

#50AF63

Color Values

HEX

#50AF63

RGB

80, 175, 99

HSL

132.0, 37.3%, 50.0%

HSV

132.0, 54.3%, 68.6%

CMYK

54.3%, 0.0%, 43.4%, 31.4%

OKLCH

0.6776 0.1427 148.1

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#50AF63

#AF509C

Analogous

#6CAF50

#50AF93

#50AF63

Triadic

#50AF63

#6350AF

#AF6350

Split Complementary

#50AF63

#9350AF

#AF506C

Tetradic

#50AF63

#506CAF

#AF509C

#AF9350

Color Blindness Simulation

Original

#50AF63

Protanopia

#797A75

Deuteranopia

#746C7A

Tritanopia

#558487

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E7F3EA
200
#CEE9D3
300
#ABD9B4
400
#7DC48C
500
#50AF63
600
#408C4F
700
#33703F
800
#285831
900
#204127
950
#142918

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

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