#557ACE

#557ACE

Color Values

HEX

#557ACE

RGB

85, 122, 206

HSL

221,7, 55,3%, 57,1%

HSV

221,7, 58,7%, 80,8%

CMYK

58,7%, 40,8%, 0,0%, 19,2%

OKLCH

0,5919 0,1355 264,7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#557ACE

#CEA955

Analogous

#55B7CE

#6D55CE

#557ACE

Triadic

#557ACE

#CE557A

#7ACE55

Split Complementary

#557ACE

#CE6D55

#B7CE55

Tetradic

#557ACE

#CE55B7

#CEA955

#55CE6D

Color Blindness Simulation

Original

#557ACE

Protanopia

#6565BA

Deuteranopia

#6360B5

Tritanopia

#57AAA6

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E5EAF6
200
#C8D4EF
300
#A0B5E4
400
#6C8CD5
500
#3964C6
600
#2E509E
700
#24407F
800
#1C3263
900
#182749
950
#0F192E

Contrast Checker

Text on white

4,15:1

AA Fail AAA Fail

Text on black

5,06:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026