#217EA3

#217EA3

#A34621

#A34621

Contrast Ratio

1.32:1

Delta E

83.81

Very Different

50:50 Mix

#826562

Color Values

Format #217EA3 #A34621
HEX #217EA3 #A34621
RGB 33, 126, 163 163, 70, 33
HSL 197.1, 66.3%, 38.4% 17.1, 66.3%, 38.4%
HSV 197.1, 79.8%, 63.9% 17.1, 79.8%, 63.9%
CMYK 79.8%, 22.7%, 0.0%, 36.1% 0.0%, 57.1%, 79.8%, 36.1%
OKLCH 0.5577 0.1003 230.0 0.5107 0.133 40.7

Contrast & Accessibility

1.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #A34621 → Background: #217EA3

The quick brown fox jumps over the lazy dog

Text: #217EA3 → Background: #A34621

Color Difference (Delta E)

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

Gradient

#217EA3 #57768D #716D77 #826562 #905B4D #9A5137 #A34621

Color Mixing

#217EA3

100%

#657282

75:25

#826562

50:50

#955642

25:75

#A34621

100%

CSS Gradient Code

background: linear-gradient(to right, #217EA3, #A34621);
background: linear-gradient(135deg, #217EA3, #A34621);

Explore Each Color

#217EA3

View full color details

#A34621

View full color details

Related Comparisons