#57BA9D

#57BA9D

Color Values

HEX

#57BA9D

RGB

87, 186, 157

HSL

162.4, 41.8%, 53.5%

HSV

162.4, 53.2%, 72.9%

CMYK

53.2%, 0.0%, 15.6%, 27.1%

OKLCH

0.7212 0.1033 171.6

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#57BA9D

#BA5774

Analogous

#57BA6B

#57A6BA

#57BA9D

Triadic

#57BA9D

#9D57BA

#BA9D57

Split Complementary

#57BA9D

#BA57A6

#BA6B57

Tetradic

#57BA9D

#6B57BA

#BA5774

#A6BA57

Color Blindness Simulation

Original

#57BA9D

Protanopia

#8283A4

Deuteranopia

#7C75A6

Tritanopia

#5CAAAB

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3F0
200
#CCEAE1
300
#A8DBCC
400
#79C8B1
500
#4AB596
600
#3B9178
700
#2F7460
800
#255A4B
900
#1E4338
950
#132A23

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.92:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026