#57A899

#57A899

Color Values

HEX

#57A899

RGB

87, 168, 153

HSL

168.9, 31.8%, 50.0%

HSV

168.9, 48.2%, 65.9%

CMYK

48.2%, 0.0%, 8.9%, 34.1%

OKLCH

0.6759 0.0832 180.1

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#57A899

#A85766

Analogous

#57A870

#578FA8

#57A899

Triadic

#57A899

#9957A8

#A89957

Split Complementary

#57A899

#A8578F

#A87057

Tetradic

#57A899

#7057A8

#A85766

#8FA857

Color Blindness Simulation

Original

#57A899

Protanopia

#7A7B9D

Deuteranopia

#756F9E

Tritanopia

#5B9FA0

Achromatopsia

#969696

CSS Usage

background-color: #57A899;
color: #57A899;
border-color: #57A899;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5F9F9
100
#E8F2F0
200
#D0E7E2
300
#AED5CE
400
#83BFB4
500
#57A899
600
#46867A
700
#386C62
800
#2B544D
900
#233E39
950
#162724

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

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