#218788

#218788

#882221

#882221

Contrast Ratio

2.13:1

Delta E

81.04

Very Different

50:50 Mix

Color Values

Format #218788 #882221
HEX #218788 #882221
RGB 33, 135, 136 136, 34, 33
HSL 180.6, 60.9%, 33.1% 0.6, 60.9%, 33.1%
HSV 180.6, 75.7%, 53.3% 0.6, 75.7%, 53.3%
CMYK 75.7%, 0.7%, 0.0%, 46.7% 0.0%, 75.0%, 75.7%, 46.7%
OKLCH 0.5689 0.0884 196.0 0.4183 0.1376 25.9

Contrast & Accessibility

2.13:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #882221 β†’ Background: #218788

The quick brown fox jumps over the lazy dog

Text: #218788 β†’ Background: #882221

Color Difference (Delta E)

81.04 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #218788, #882221);
background: linear-gradient(135deg, #218788, #882221);

Explore Each Color

Related Comparisons