#50AF96

#50AF96

Color Values

HEX

#50AF96

RGB

80, 175, 150

HSL

164.2, 37.3%, 50.0%

HSV

164.2, 54.3%, 68.6%

CMYK

54.3%, 0.0%, 14.3%, 31.4%

OKLCH

0.6894 0.0981 173.6

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#50AF96

#AF5069

Analogous

#50AF66

#5099AF

#50AF96

Triadic

#50AF96

#9650AF

#AF9650

Split Complementary

#50AF96

#AF5099

#AF6650

Tetradic

#50AF96

#6650AF

#AF5069

#99AF50

Color Blindness Simulation

Original

#50AF96

Protanopia

#797A9C

Deuteranopia

#746C9E

Tritanopia

#55A1A2

Achromatopsia

#999999

CSS Usage

background-color: #50AF96;
color: #50AF96;
border-color: #50AF96;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF8
100
#E7F3F0
200
#CEE9E2
300
#ABD9CD
400
#7DC4B1
500
#50AF96
600
#408C78
700
#337060
800
#28584B
900
#204138
950
#142923

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

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