#217DB4

#217DB4

#B45821

#B45821

Contrast Ratio

1.07:1

Delta E

92.52

Very Different

50:50 Mix

#8E6C6C

Color Values

Format #217DB4 #B45821
HEX #217DB4 #B45821
RGB 33, 125, 180 180, 88, 33
HSL 202.4, 69.0%, 41.8% 22.4, 69.0%, 41.8%
HSV 202.4, 81.7%, 70.6% 22.4, 81.7%, 70.6%
CMYK 81.7%, 30.6%, 0.0%, 29.4% 0.0%, 51.1%, 81.7%, 29.4%
OKLCH 0.5641 0.1182 240.8 0.5644 0.1363 47.6

Contrast & Accessibility

1.07:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B45821 → Background: #217DB4

The quick brown fox jumps over the lazy dog

Text: #217DB4 → Background: #B45821

Color Difference (Delta E)

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

Gradient

#217DB4 #5D779C #7A7284 #8E6C6C #9D6654 #AA5F3C #B45821

Color Mixing

#217DB4

100%

#6D7590

75:25

#8E6C6C

50:50

#A46248

25:75

#B45821

100%

CSS Gradient Code

background: linear-gradient(to right, #217DB4, #B45821);
background: linear-gradient(135deg, #217DB4, #B45821);

Explore Each Color

#217DB4

View full color details

#B45821

View full color details

Related Comparisons