#57A9FC

#57A9FC

Color Values

HEX

#57A9FC

RGB

87, 169, 252

HSL

210.2, 96.5%, 66.5%

HSV

210.2, 65.5%, 98.8%

CMYK

65.5%, 32.9%, 0.0%, 1.2%

OKLCH

0.7198 0.1458 250.8

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#57A9FC

#FCAA57

Analogous

#57FBFC

#5857FC

#57A9FC

Triadic

#57A9FC

#FC57A9

#A9FC57

Split Complementary

#57A9FC

#FC5857

#FBFC57

Tetradic

#57A9FC

#FC57FB

#FCAA57

#57FC58

Color Blindness Simulation

Original

#57A9FC

Protanopia

#7B7BE8

Deuteranopia

#7670E3

Tritanopia

#5BD8D5

Achromatopsia

#9E9E9E

CSS Usage

background-color: #57A9FC;
color: #57A9FC;
border-color: #57A9FC;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F7FE
100
#DFEDFC
200
#B9DBFE
300
#87C1FD
400
#46A0FC
500
#047FFB
600
#0465C8
700
#0351A0
800
#023F7D
900
#06305B
950
#041E39

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

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