#557BEC

#557BEC

Color Values

HEX

#557BEC

RGB

85, 123, 236

HSL

224.9, 79.9%, 62.9%

HSV

224.9, 64.0%, 92.5%

CMYK

64.0%, 47.9%, 0.0%, 7.5%

OKLCH

0.6129 0.1753 267.1

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#557BEC

#ECC655

Analogous

#55C6EC

#7A55EC

#557BEC

Triadic

#557BEC

#EC557B

#7BEC55

Split Complementary

#557BEC

#EC7A55

#C6EC55

Tetradic

#557BEC

#EC55C6

#ECC655

#55EC7A

Color Blindness Simulation

Original

#557BEC

Protanopia

#6566D1

Deuteranopia

#6360CA

Tritanopia

#57BBB6

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E1E7F9
200
#BFCDF8
300
#91AAF3
400
#557BEC
500
#1A4DE5
600
#153EB7
700
#103193
800
#0D2673
900
#0E1F53
950
#091435

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

5.43:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026