#57C2F2

#57C2F2

Color Values

HEX

#57C2F2

RGB

87, 194, 242

HSL

198.6, 85.6%, 64.5%

HSV

198.6, 64.0%, 94.9%

CMYK

64.0%, 19.8%, 0.0%, 5.1%

OKLCH

0.7706 0.1192 230.5

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#57C2F2

#F28757

Analogous

#57F2D5

#5774F2

#57C2F2

Triadic

#57C2F2

#F257C2

#C2F257

Split Complementary

#57C2F2

#F25774

#F2D557

Tetradic

#57C2F2

#D557F2

#F28757

#74F257

Color Blindness Simulation

Original

#57C2F2

Protanopia

#8586E6

Deuteranopia

#7F77E4

Tritanopia

#5CDDDB

Achromatopsia

#AFAFAF

CSS Usage

background-color: #57C2F2;
color: #57C2F2;
border-color: #57C2F2;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F2F9FD
100
#E0F2FA
200
#BDE7FA
300
#8DD6F6
400
#50BFF1
500
#12A9ED
600
#0F87BD
700
#0C6C97
800
#095476
900
#0B3F56
950
#072836

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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