#497EB1

#497EB1

#B17C49

#B17C49

Contrast Ratio

1.19:1

Delta E

70.37

Very Different

50:50 Mix

#8D7D7E

Color Values

Format #497EB1 #B17C49
HEX #497EB1 #B17C49
RGB 73, 126, 177 177, 124, 73
HSL 209.4, 41.6%, 49.0% 29.4, 41.6%, 49.0%
HSV 209.4, 58.8%, 69.4% 29.4, 58.8%, 69.4%
CMYK 58.8%, 28.8%, 0.0%, 30.6% 0.0%, 29.9%, 58.8%, 30.6%
OKLCH 0.5786 0.0974 249.0 0.6291 0.0944 63.6

Contrast & Accessibility

1.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B17C49 → Background: #497EB1

The quick brown fox jumps over the lazy dog

Text: #497EB1 → Background: #B17C49

Color Difference (Delta E)

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

Gradient

#497EB1 #687EA0 #7D7D8F #8D7D7E #9B7C6D #A77C5B #B17C49

Color Mixing

#497EB1

100%

#737D97

75:25

#8D7D7E

50:50

#A17C64

25:75

#B17C49

100%

CSS Gradient Code

background: linear-gradient(to right, #497EB1, #B17C49);
background: linear-gradient(135deg, #497EB1, #B17C49);

Explore Each Color

#497EB1

View full color details

#B17C49

View full color details

Related Comparisons