#407EB5

#407EB5

#B57740

#B57740

Contrast Ratio

1.17:1

Delta E

77.66

Very Different

50:50 Mix

#8F7A7C

Color Values

Format #407EB5 #B57740
HEX #407EB5 #B57740
RGB 64, 126, 181 181, 119, 64
HSL 208.2, 47.8%, 48.0% 28.2, 47.8%, 48.0%
HSV 208.2, 64.6%, 71.0% 28.2, 64.6%, 71.0%
CMYK 64.6%, 30.4%, 0.0%, 29.0% 0.0%, 34.3%, 64.6%, 29.0%
OKLCH 0.5766 0.1067 247.6 0.6231 0.1053 60.5

Contrast & Accessibility

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B57740 → Background: #407EB5

The quick brown fox jumps over the lazy dog

Text: #407EB5 → Background: #B57740

Color Difference (Delta E)

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

Gradient

#407EB5 #657DA2 #7D7C8F #8F7A7C #9E7968 #AA7855 #B57740

Color Mixing

#407EB5

100%

#727C98

75:25

#8F7A7C

50:50

#A4795F

25:75

#B57740

100%

CSS Gradient Code

background: linear-gradient(to right, #407EB5, #B57740);
background: linear-gradient(135deg, #407EB5, #B57740);

Explore Each Color

#407EB5

View full color details

#B57740

View full color details

Related Comparisons