#557BCE

#557BCE

Color Values

HEX

#557BCE

RGB

85, 123, 206

HSL

221.2, 55.3%, 57.1%

HSV

221.2, 58.7%, 80.8%

CMYK

58.7%, 40.3%, 0.0%, 19.2%

OKLCH

0.594 0.1343 264.2

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#557BCE

#CEA855

Analogous

#55B8CE

#6C55CE

#557BCE

Triadic

#557BCE

#CE557B

#7BCE55

Split Complementary

#557BCE

#CE6C55

#B8CE55

Tetradic

#557BCE

#CE55B8

#CEA855

#55CE6C

Color Blindness Simulation

Original

#557BCE

Protanopia

#6566BA

Deuteranopia

#6360B5

Tritanopia

#57AAA7

Achromatopsia

#797979

CSS Usage

background-color: #557BCE;
color: #557BCE;
border-color: #557BCE;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F4F6FB
100
#E5EAF6
200
#C8D4EF
300
#A0B5E4
400
#6C8DD5
500
#3965C6
600
#2E519E
700
#24417F
800
#1C3363
900
#182749
950
#0F192E

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

5.11:1

AA Pass AAA Fail

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