#218AAF

#218AAF

#AF4621

#AF4621

Contrast Ratio

1.43:1

Delta E

90.72

Very Different

50:50 Mix

#8D6C68

Color Values

Format #218AAF #AF4621
HEX #218AAF #AF4621
RGB 33, 138, 175 175, 70, 33
HSL 195.6, 68.3%, 40.8% 15.6, 68.3%, 40.8%
HSV 195.6, 81.1%, 68.6% 15.6, 81.1%, 68.6%
CMYK 81.1%, 21.1%, 0.0%, 31.4% 0.0%, 60.0%, 81.1%, 31.4%
OKLCH 0.5932 0.1057 227.3 0.5298 0.1462 38.8

Contrast & Accessibility

1.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF4621 → Background: #218AAF

The quick brown fox jumps over the lazy dog

Text: #218AAF → Background: #AF4621

Color Difference (Delta E)

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

Gradient

#218AAF #5D8097 #7A767F #8D6C68 #9B6050 #A65439 #AF4621

Color Mixing

#218AAF

100%

#6D7B8B

75:25

#8D6C68

50:50

#A15A45

25:75

#AF4621

100%

CSS Gradient Code

background: linear-gradient(to right, #218AAF, #AF4621);
background: linear-gradient(135deg, #218AAF, #AF4621);

Explore Each Color

#218AAF

View full color details

#AF4621

View full color details

Related Comparisons