#57C0BC

#57C0BC

Color Values

HEX

#57C0BC

RGB

87, 192, 188

HSL

177.7, 45.5%, 54.7%

HSV

177.7, 54.7%, 75.3%

CMYK

54.7%, 0.0%, 2.1%, 24.7%

OKLCH

0.7452 0.097 191.9

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#57C0BC

#C0575B

Analogous

#57C087

#5790C0

#57C0BC

Triadic

#57C0BC

#BC57C0

#C0BC57

Split Complementary

#57C0BC

#C05790

#C08757

Tetradic

#57C0BC

#8757C0

#C0575B

#90C057

Color Blindness Simulation

Original

#57C0BC

Protanopia

#8485BD

Deuteranopia

#7E76BD

Tritanopia

#5CBEBE

Achromatopsia

#A9A9A9

CSS Usage

background-color: #57C0BC;
color: #57C0BC;
border-color: #57C0BC;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CBECEA
300
#A6DEDC
400
#76CCC8
500
#45BAB5
600
#389491
700
#2C7774
800
#235D5B
900
#1D4443
950
#122B2A

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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