#557BED

#557BED

Color Values

HEX

#557BED

RGB

85, 123, 237

HSL

225.0, 80.9%, 63.1%

HSV

225.0, 64.1%, 92.9%

CMYK

64.1%, 48.1%, 0.0%, 7.1%

OKLCH

0.6136 0.1766 267.2

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#557BED

#EDC755

Analogous

#55C7ED

#7B55ED

#557BED

Triadic

#557BED

#ED557B

#7BED55

Split Complementary

#557BED

#ED7B55

#C7ED55

Tetradic

#557BED

#ED55C7

#EDC755

#55ED7B

Color Blindness Simulation

Original

#557BED

Protanopia

#6566D1

Deuteranopia

#6360CB

Tritanopia

#57BCB7

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E1E7F9
200
#BECDF8
300
#90A9F3
400
#547AED
500
#184CE7
600
#133DB9
700
#103194
800
#0C2673
900
#0D1F54
950
#081335

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

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