#57BFC0

#57BFC0

Color Values

HEX

#57BFC0

RGB

87, 191, 192

HSL

180.6, 45.5%, 54.7%

HSV

180.6, 54.7%, 75.3%

CMYK

54.7%, 0.5%, 0.0%, 24.7%

OKLCH

0.7442 0.0959 196.1

Properties

Cool Light Nearest: NCS S 0530-B40G Aqua

Color Harmonies

Complementary

#57BFC0

#C05857

Analogous

#57C08D

#578AC0

#57BFC0

Triadic

#57BFC0

#C057BF

#BFC057

Split Complementary

#57BFC0

#C0578A

#C08D57

Tetradic

#57BFC0

#8D57C0

#C05857

#8AC057

Color Blindness Simulation

Original

#57BFC0

Protanopia

#8485C0

Deuteranopia

#7E76C0

Tritanopia

#5CC0C0

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CBEBEC
300
#A6DDDE
400
#76CBCC
500
#45B8BA
600
#389394
700
#2C7677
800
#235C5D
900
#1D4444
950
#122B2B

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

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