#557FEC

#557FEC

Color Values

HEX

#557FEC

RGB

85, 127, 236

HSL

223.3, 79.9%, 62.9%

HSV

223.3, 64.0%, 92.5%

CMYK

64.0%, 46.2%, 0.0%, 7.5%

OKLCH

0.621 0.1705 265.8

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#557FEC

#ECC255

Analogous

#55CAEC

#7655EC

#557FEC

Triadic

#557FEC

#EC557F

#7FEC55

Split Complementary

#557FEC

#EC7655

#CAEC55

Tetradic

#557FEC

#EC55CA

#ECC255

#55EC76

Color Blindness Simulation

Original

#557FEC

Protanopia

#6768D2

Deuteranopia

#6562CB

Tritanopia

#57BDB8

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E1E8F9
200
#BFCFF8
300
#91ACF3
400
#557FEC
500
#1A52E5
600
#1542B7
700
#103593
800
#0D2973
900
#0E2153
950
#091535

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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