#215FAE

#215FAE

#AE7021

#AE7021

Contrast Ratio

1.55:1

Delta E

99.57

Very Different

50:50 Mix

#86666C

Color Values

Format #215FAE #AE7021
HEX #215FAE #AE7021
RGB 33, 95, 174 174, 112, 33
HSL 213.6, 68.1%, 40.6% 33.6, 68.1%, 40.6%
HSV 213.6, 81.0%, 68.2% 33.6, 81.0%, 68.2%
CMYK 81.0%, 45.4%, 0.0%, 31.8% 0.0%, 35.6%, 81.0%, 31.8%
OKLCH 0.4899 0.1408 256.4 0.5982 0.1189 67.4

Contrast & Accessibility

1.55:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AE7021 → Background: #215FAE

The quick brown fox jumps over the lazy dog

Text: #215FAE → Background: #AE7021

Color Difference (Delta E)

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

Gradient

#215FAE #576198 #736382 #86666C #966956 #A36C3E #AE7021

Color Mixing

#215FAE

100%

#66628D

75:25

#86666C

50:50

#9C6B4A

25:75

#AE7021

100%

CSS Gradient Code

background: linear-gradient(to right, #215FAE, #AE7021);
background: linear-gradient(135deg, #215FAE, #AE7021);

Explore Each Color

#215FAE

View full color details

#AE7021

View full color details

Related Comparisons