#218FA5

#218FA5

#A53721

#A53721

Contrast Ratio

1.75:1

Delta E

89.07

Very Different

50:50 Mix

#876961

Color Values

Format #218FA5 #A53721
HEX #218FA5 #A53721
RGB 33, 143, 165 165, 55, 33
HSL 190.0, 66.7%, 38.8% 10.0, 66.7%, 38.8%
HSV 190.0, 80.0%, 64.7% 10.0, 80.0%, 64.7%
CMYK 80.0%, 13.3%, 0.0%, 35.3% 0.0%, 66.7%, 80.0%, 35.3%
OKLCH 0.6012 0.0981 215.0 0.4937 0.1492 33.2

Contrast & Accessibility

1.75:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #A53721 → Background: #218FA5

The quick brown fox jumps over the lazy dog

Text: #218FA5 → Background: #A53721

Color Difference (Delta E)

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

Gradient

#218FA5 #5B838E #757677 #876961 #945A4C #9E4A37 #A53721

Color Mixing

#218FA5

100%

#6A7C83

75:25

#876961

50:50

#995241

25:75

#A53721

100%

CSS Gradient Code

background: linear-gradient(to right, #218FA5, #A53721);
background: linear-gradient(135deg, #218FA5, #A53721);

Explore Each Color

#218FA5

View full color details

#A53721

View full color details

Related Comparisons