#217EB4

#217EB4

#B45721

#B45721

Contrast Ratio

1.09:1

Delta E

92.42

Very Different

50:50 Mix

#8E6C6C

Color Values

Format #217EB4 #B45721
HEX #217EB4 #B45721
RGB 33, 126, 180 180, 87, 33
HSL 202.0, 69.0%, 41.8% 22.0, 69.0%, 41.8%
HSV 202.0, 81.7%, 70.6% 22.0, 81.7%, 70.6%
CMYK 81.7%, 30.0%, 0.0%, 29.4% 0.0%, 51.7%, 81.7%, 29.4%
OKLCH 0.5665 0.1174 240.1 0.5628 0.1371 47.0

Contrast & Accessibility

1.09:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B45721 → Background: #217EB4

The quick brown fox jumps over the lazy dog

Text: #217EB4 → Background: #B45721

Color Difference (Delta E)

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

Gradient

#217EB4 #5D789C #7A7284 #8E6C6C #9D6554 #AA5E3C #B45721

Color Mixing

#217EB4

100%

#6D7590

75:25

#8E6C6C

50:50

#A46248

25:75

#B45721

100%

CSS Gradient Code

background: linear-gradient(to right, #217EB4, #B45721);
background: linear-gradient(135deg, #217EB4, #B45721);

Explore Each Color

#217EB4

View full color details

#B45721

View full color details

Related Comparisons