#557EEC

#557EEC

Color Values

HEX

#557EEC

RGB

85, 126, 236

HSL

223.7, 79.9%, 62.9%

HSV

223.7, 64.0%, 92.5%

CMYK

64.0%, 46.6%, 0.0%, 7.5%

OKLCH

0.6189 0.1717 266.1

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#557EEC

#ECC355

Analogous

#55C9EC

#7755EC

#557EEC

Triadic

#557EEC

#EC557E

#7EEC55

Split Complementary

#557EEC

#EC7755

#C9EC55

Tetradic

#557EEC

#EC55C9

#ECC355

#55EC77

Color Blindness Simulation

Original

#557EEC

Protanopia

#6767D1

Deuteranopia

#6461CB

Tritanopia

#57BCB8

Achromatopsia

#7D7D7D

CSS Usage

background-color: #557EEC;
color: #557EEC;
border-color: #557EEC;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F5FD
100
#E1E8F9
200
#BFCEF8
300
#91ABF3
400
#557EEC
500
#1A51E5
600
#1541B7
700
#103493
800
#0D2873
900
#0E2153
950
#091535

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

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