#217FAE

#217FAE

#AE5021

#AE5021

Contrast Ratio

1.19:1

Delta E

89.13

Very Different

50:50 Mix

#8A6A68

Color Values

Format #217FAE #AE5021
HEX #217FAE #AE5021
RGB 33, 127, 174 174, 80, 33
HSL 200.0, 68.1%, 40.6% 20.0, 68.1%, 40.6%
HSV 200.0, 81.0%, 68.2% 20.0, 81.0%, 68.2%
CMYK 81.0%, 27.0%, 0.0%, 31.8% 0.0%, 54.0%, 81.0%, 31.8%
OKLCH 0.5657 0.1103 236.1 0.5429 0.1364 44.2

Contrast & Accessibility

1.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AE5021 → Background: #217FAE

The quick brown fox jumps over the lazy dog

Text: #217FAE → Background: #AE5021

Color Difference (Delta E)

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

Gradient

#217FAE #5B7896 #77717F #8A6A68 #996251 #A4593A #AE5021

Color Mixing

#217FAE

100%

#6B758B

75:25

#8A6A68

50:50

#9F5E46

25:75

#AE5021

100%

CSS Gradient Code

background: linear-gradient(to right, #217FAE, #AE5021);
background: linear-gradient(135deg, #217FAE, #AE5021);

Explore Each Color

#217FAE

View full color details

#AE5021

View full color details

Related Comparisons