#577DBC

#577DBC

Color Values

HEX

#577DBC

RGB

87, 125, 188

HSL

217.4, 43.0%, 53.9%

HSV

217.4, 53.7%, 73.7%

CMYK

53.7%, 33.5%, 0.0%, 26.3%

OKLCH

0.5893 0.1063 260.1

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#577DBC

#BC9657

Analogous

#57B0BC

#6357BC

#577DBC

Triadic

#577DBC

#BC577D

#7DBC57

Split Complementary

#577DBC

#BC6357

#B0BC57

Tetradic

#577DBC

#BC57B0

#BC9657

#57BC63

Color Blindness Simulation

Original

#577DBC

Protanopia

#6768AD

Deuteranopia

#6562A9

Tritanopia

#59A19E

Achromatopsia

#797979

CSS Usage

background-color: #577DBC;
color: #577DBC;
border-color: #577DBC;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F5F7FA
100
#E7ECF4
200
#CCD8EB
300
#A7BBDC
400
#7897C9
500
#4972B6
600
#3A5B92
700
#2F4975
800
#24395B
900
#1E2C43
950
#131C2A

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

5.06:1

AA Pass AAA Fail

Related Articles

Brand Stories

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

2月 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026