#557CBC

#557CBC

#BC9555

#BC9555

Contrast Ratio

1.52:1

Delta E

77.78

Very Different

50:50 Mix

#97888A

Color Values

Format #557CBC #BC9555
HEX #557CBC #BC9555
RGB 85, 124, 188 188, 149, 85
HSL 217.3, 43.5%, 53.5% 37.3, 43.5%, 53.5%
HSV 217.3, 54.8%, 73.7% 37.3, 54.8%, 73.7%
CMYK 54.8%, 34.0%, 0.0%, 26.3% 0.0%, 20.7%, 54.8%, 26.3%
OKLCH 0.586 0.1082 259.9 0.6925 0.0946 78.6

Contrast & Accessibility

1.52:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BC9555 → Background: #557CBC

The quick brown fox jumps over the lazy dog

Text: #557CBC → Background: #BC9555

Color Difference (Delta E)

77.78 Very Different
0 — Identical 5 — Similar 25 — Noticeable 100 — Very Different

Gradient

#557CBC #7180AB #86849B #97888A #A58C79 #B19068 #BC9555

Color Mixing

#557CBC

100%

#7C82A3

75:25

#97888A

50:50

#AB8E71

25:75

#BC9555

100%

CSS Gradient Code

background: linear-gradient(to right, #557CBC, #BC9555);
background: linear-gradient(135deg, #557CBC, #BC9555);

Explore Each Color

#557CBC

View full color details

#BC9555

View full color details

Related Comparisons