#557FC3

#557FC3

Color Values

HEX

#557FC3

RGB

85, 127, 195

HSL

217.1, 47.8%, 54.9%

HSV

217.1, 56.4%, 76.5%

CMYK

56.4%, 34.9%, 0.0%, 23.5%

OKLCH

0.5964 0.1146 259.7

Properties

Cool Light Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#557FC3

#C39955

Analogous

#55B6C3

#6255C3

#557FC3

Triadic

#557FC3

#C3557F

#7FC355

Split Complementary

#557FC3

#C36255

#B6C355

Tetradic

#557FC3

#C355B6

#C39955

#55C362

Color Blindness Simulation

Original

#557FC3

Protanopia

#6768B3

Deuteranopia

#6562AF

Tritanopia

#57A6A3

Achromatopsia

#7B7B7B

CSS Usage

background-color: #557FC3;
color: #557FC3;
border-color: #557FC3;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FA
100
#E6EBF4
200
#CAD7EC
300
#A5BBDF
400
#7496CE
500
#4371BC
600
#355A97
700
#2B4879
800
#21395E
900
#1C2C45
950
#111B2C

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

5.21:1

AA Pass AAA Fail

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