#57BAB1

#57BAB1

Color Values

HEX

#57BAB1

RGB

87, 186, 177

HSL

174.5, 41.8%, 53.5%

HSV

174.5, 53.2%, 72.9%

CMYK

53.2%, 0.0%, 4.8%, 27.1%

OKLCH

0.7272 0.0939 187.4

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#57BAB1

#BA5760

Analogous

#57BA7F

#5792BA

#57BAB1

Triadic

#57BAB1

#B157BA

#BAB157

Split Complementary

#57BAB1

#BA5792

#BA7F57

Tetradic

#57BAB1

#7F57BA

#BA5760

#92BA57

Color Blindness Simulation

Original

#57BAB1

Protanopia

#8283B3

Deuteranopia

#7C75B4

Tritanopia

#5CB5B5

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F3F2
200
#CCEAE7
300
#A8DBD7
400
#79C8C1
500
#4AB5AB
600
#3B9189
700
#2F746D
800
#255A56
900
#1E433F
950
#132A28

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

9.06:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026