#218AAE

#218AAE

#AE4521

#AE4521

Contrast Ratio

1.45:1

Delta E

90.34

Very Different

50:50 Mix

#8C6B67

Color Values

Format #218AAE #AE4521
HEX #218AAE #AE4521
RGB 33, 138, 174 174, 69, 33
HSL 195.3, 68.1%, 40.6% 15.3, 68.1%, 40.6%
HSV 195.3, 81.0%, 68.2% 15.3, 81.0%, 68.2%
CMYK 81.0%, 20.7%, 0.0%, 31.8% 0.0%, 60.3%, 81.0%, 31.8%
OKLCH 0.5927 0.1049 226.7 0.5268 0.146 38.4

Contrast & Accessibility

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AE4521 → Background: #218AAE

The quick brown fox jumps over the lazy dog

Text: #218AAE → Background: #AE4521

Color Difference (Delta E)

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

Gradient

#218AAE #5D8096 #79767E #8C6B67 #9A6050 #A55339 #AE4521

Color Mixing

#218AAE

100%

#6D7B8A

75:25

#8C6B67

50:50

#A05A45

25:75

#AE4521

100%

CSS Gradient Code

background: linear-gradient(to right, #218AAE, #AE4521);
background: linear-gradient(135deg, #218AAE, #AE4521);

Explore Each Color

#218AAE

View full color details

#AE4521

View full color details

Related Comparisons