#57CAEB

#57CAEB

Color Values

HEX

#57CAEB

RGB

87, 202, 235

HSL

193.4, 78.7%, 63.1%

HSV

193.4, 63.0%, 92.2%

CMYK

63.0%, 14.0%, 0.0%, 7.8%

OKLCH

0.786 0.1128 219.9

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#57CAEB

#EB7857

Analogous

#57EBC2

#5780EB

#57CAEB

Triadic

#57CAEB

#EB57CA

#CAEB57

Split Complementary

#57CAEB

#EB5780

#EBC257

Tetradic

#57CAEB

#C257EB

#EB7857

#80EB57

Color Blindness Simulation

Original

#57CAEB

Protanopia

#898AE3

Deuteranopia

#827AE1

Tritanopia

#5DDDDB

Achromatopsia

#B4B4B4

CSS Usage

background-color: #57CAEB;
color: #57CAEB;
border-color: #57CAEB;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F2FAFC
100
#E1F4F9
200
#BFEBF7
300
#92DCF2
400
#56CAEB
500
#1BB7E4
600
#1692B6
700
#117592
800
#0E5C72
900
#0E4353
950
#092B34

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

11.05:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026