#217CAF

#217CAF

#AF5421

#AF5421

Contrast Ratio

1.11:1

Delta E

89.75

Very Different

50:50 Mix

#8A6A69

Color Values

Format #217CAF #AF5421
HEX #217CAF #AF5421
RGB 33, 124, 175 175, 84, 33
HSL 201.5, 68.3%, 40.8% 21.5, 68.3%, 40.8%
HSV 201.5, 81.1%, 68.6% 21.5, 81.1%, 68.6%
CMYK 81.1%, 29.1%, 0.0%, 31.4% 0.0%, 52.0%, 81.1%, 31.4%
OKLCH 0.5589 0.1135 239.0 0.5506 0.1342 46.4

Contrast & Accessibility

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF5421 → Background: #217CAF

The quick brown fox jumps over the lazy dog

Text: #217CAF → Background: #AF5421

Color Difference (Delta E)

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

Gradient

#217CAF #5B7697 #777080 #8A6A69 #996352 #A55C3B #AF5421

Color Mixing

#217CAF

100%

#6B738C

75:25

#8A6A69

50:50

#9F5F47

25:75

#AF5421

100%

CSS Gradient Code

background: linear-gradient(to right, #217CAF, #AF5421);
background: linear-gradient(135deg, #217CAF, #AF5421);

Explore Each Color

#217CAF

View full color details

#AF5421

View full color details

Related Comparisons