#217CB5

#217CB5

#B55A21

#B55A21

Contrast Ratio

1.04:1

Delta E

93.24

Very Different

50:50 Mix

#8F6C6D

Color Values

Format #217CB5 #B55A21
HEX #217CB5 #B55A21
RGB 33, 124, 181 181, 90, 33
HSL 203.1, 69.2%, 42.0% 23.1, 69.2%, 42.0%
HSV 203.1, 81.8%, 71.0% 23.1, 81.8%, 71.0%
CMYK 81.8%, 31.5%, 0.0%, 29.0% 0.0%, 50.3%, 81.8%, 29.0%
OKLCH 0.5622 0.1201 242.0 0.569 0.1359 48.6

Contrast & Accessibility

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B55A21 → Background: #217CB5

The quick brown fox jumps over the lazy dog

Text: #217CB5 → Background: #B55A21

Color Difference (Delta E)

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

Gradient

#217CB5 #5E779D #7B7284 #8F6C6D #9E6655 #AA603C #B55A21

Color Mixing

#217CB5

100%

#6E7490

75:25

#8F6C6D

50:50

#A56349

25:75

#B55A21

100%

CSS Gradient Code

background: linear-gradient(to right, #217CB5, #B55A21);
background: linear-gradient(135deg, #217CB5, #B55A21);

Explore Each Color

#217CB5

View full color details

#B55A21

View full color details

Related Comparisons