#558DBF

#558DBF

#BF8755

#BF8755

Contrast Ratio

1.15:1

Delta E

69.78

Very Different

50:50 Mix

#9A8A8B

Color Values

Format #558DBF #BF8755
HEX #558DBF #BF8755
RGB 85, 141, 191 191, 135, 85
HSL 208.3, 45.3%, 54.1% 28.3, 45.3%, 54.1%
HSV 208.3, 55.5%, 74.9% 28.3, 55.5%, 74.9%
CMYK 55.5%, 26.2%, 0.0%, 25.1% 0.0%, 29.3%, 55.5%, 25.1%
OKLCH 0.6257 0.0964 247.0 0.6683 0.0955 61.8

Contrast & Accessibility

1.15:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BF8755 → Background: #558DBF

The quick brown fox jumps over the lazy dog

Text: #558DBF → Background: #BF8755

Color Difference (Delta E)

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

Gradient

#558DBF #738CAD #898B9C #9A8A8B #A88979 #B48867 #BF8755

Color Mixing

#558DBF

100%

#7F8BA5

75:25

#9A8A8B

50:50

#AE8870

25:75

#BF8755

100%

CSS Gradient Code

background: linear-gradient(to right, #558DBF, #BF8755);
background: linear-gradient(135deg, #558DBF, #BF8755);

Explore Each Color

#558DBF

View full color details

#BF8755

View full color details

Related Comparisons