#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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026