#557ABC

#557ABC

#BC9755

#BC9755

Contrast Ratio

1.57:1

Delta E

79.45

Very Different

50:50 Mix

#96888A

Color Values

Format #557ABC #BC9755
HEX #557ABC #BC9755
RGB 85, 122, 188 188, 151, 85
HSL 218.4, 43.5%, 53.5% 38.4, 43.5%, 53.5%
HSV 218.4, 54.8%, 73.7% 38.4, 54.8%, 73.7%
CMYK 54.8%, 35.1%, 0.0%, 26.3% 0.0%, 19.7%, 54.8%, 26.3%
OKLCH 0.5816 0.1104 261.3 0.6966 0.0953 80.6

Contrast & Accessibility

1.57:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BC9755 → Background: #557ABC

The quick brown fox jumps over the lazy dog

Text: #557ABC → Background: #BC9755

Color Difference (Delta E)

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

Gradient

#557ABC #717EAC #86839B #96888A #A58D79 #B19268 #BC9755

Color Mixing

#557ABC

100%

#7C80A3

75:25

#96888A

50:50

#AB8F71

25:75

#BC9755

100%

CSS Gradient Code

background: linear-gradient(to right, #557ABC, #BC9755);
background: linear-gradient(135deg, #557ABC, #BC9755);

Explore Each Color

#557ABC

View full color details

#BC9755

View full color details

Related Comparisons