#218EAA

#218EAA

#AA3D21

#AA3D21

Contrast Ratio

1.62:1

Delta E

90.04

Very Different

50:50 Mix

#8A6A64

Color Values

Format #218EAA #AA3D21
HEX #218EAA #AA3D21
RGB 33, 142, 170 170, 61, 33
HSL 192.3, 67.5%, 39.8% 12.3, 67.5%, 39.8%
HSV 192.3, 80.6%, 66.7% 12.3, 80.6%, 66.7%
CMYK 80.6%, 16.5%, 0.0%, 33.3% 0.0%, 64.1%, 80.6%, 33.3%
OKLCH 0.6008 0.101 220.0 0.5096 0.149 35.3

Contrast & Accessibility

1.62:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AA3D21 → Background: #218EAA

The quick brown fox jumps over the lazy dog

Text: #218EAA → Background: #AA3D21

Color Difference (Delta E)

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

Gradient

#218EAA #5C8392 #78777B #8A6A64 #985D4E #A24E38 #AA3D21

Color Mixing

#218EAA

100%

#6C7D87

75:25

#8A6A64

50:50

#9D5643

25:75

#AA3D21

100%

CSS Gradient Code

background: linear-gradient(to right, #218EAA, #AA3D21);
background: linear-gradient(135deg, #218EAA, #AA3D21);

Explore Each Color

#218EAA

View full color details

#AA3D21

View full color details

Related Comparisons