#50AF9F

#50AF9F

Color Values

HEX

#50AF9F

RGB

80, 175, 159

HSL

169.9, 37.3%, 50.0%

HSV

169.9, 54.3%, 68.6%

CMYK

54.3%, 0.0%, 9.1%, 31.4%

OKLCH

0.6921 0.0933 180.8

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#50AF9F

#AF5060

Analogous

#50AF6F

#5090AF

#50AF9F

Triadic

#50AF9F

#9F50AF

#AF9F50

Split Complementary

#50AF9F

#AF5090

#AF6F50

Tetradic

#50AF9F

#6F50AF

#AF5060

#90AF50

Color Blindness Simulation

Original

#50AF9F

Protanopia

#797AA3

Deuteranopia

#746CA4

Tritanopia

#55A6A7

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E7F3F1
200
#CEE9E4
300
#ABD9D1
400
#7DC4B8
500
#50AF9F
600
#408C7F
700
#337066
800
#285850
900
#20413B
950
#142925

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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