#50AEAF

#50AEAF

Color Values

HEX

#50AEAF

RGB

80, 174, 175

HSL

180.6, 37.3%, 50.0%

HSV

180.6, 54.3%, 68.6%

CMYK

54.3%, 0.6%, 0.0%, 31.4%

OKLCH

0.6949 0.0886 196.3

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#50AEAF

#AF5150

Analogous

#50AF80

#507FAF

#50AEAF

Triadic

#50AEAF

#AF50AE

#AEAF50

Split Complementary

#50AEAF

#AF507F

#AF8050

Tetradic

#50AEAF

#8050AF

#AF5150

#7FAF50

Color Blindness Simulation

Original

#50AEAF

Protanopia

#797AAF

Deuteranopia

#736CAF

Tritanopia

#55AFAF

Achromatopsia

#9A9A9A

CSS Usage

background-color: #50AEAF;
color: #50AEAF;
border-color: #50AEAF;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CEE8E9
300
#ABD8D9
400
#7DC3C4
500
#50AEAF
600
#408B8C
700
#336F70
800
#285758
900
#204041
950
#142929

Contrast Checker

Text on white

2.62:1

AA Fail AAA Fail

Text on black

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