#214FAE

#214FAE

#AE8021

#AE8021

Contrast Ratio

2.11:1

Delta E

112.0

Very Different

50:50 Mix

#86656F

Color Values

Format #214FAE #AE8021
HEX #214FAE #AE8021
RGB 33, 79, 174 174, 128, 33
HSL 220.4, 68.1%, 40.6% 40.4, 68.1%, 40.6%
HSV 220.4, 81.0%, 68.2% 40.4, 81.0%, 68.2%
CMYK 81.0%, 54.6%, 0.0%, 31.8% 0.0%, 26.4%, 81.0%, 31.8%
OKLCH 0.4547 0.1604 262.5 0.6295 0.1192 80.5

Contrast & Accessibility

2.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AE8021 → Background: #214FAE

The quick brown fox jumps over the lazy dog

Text: #214FAE → Background: #AE8021

Color Difference (Delta E)

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

Gradient

#214FAE #575599 #725D84 #86656F #956E59 #A27740 #AE8021

Color Mixing

#214FAE

100%

#66598E

75:25

#86656F

50:50

#9C724D

25:75

#AE8021

100%

CSS Gradient Code

background: linear-gradient(to right, #214FAE, #AE8021);
background: linear-gradient(135deg, #214FAE, #AE8021);

Explore Each Color

#214FAE

View full color details

#AE8021

View full color details

Related Comparisons