#2178CA

#2178CA

#CA7321

#CA7321

Contrast Ratio

1.3:1

Delta E

108.53

Very Different

50:50 Mix

Color Values

Format #2178CA #CA7321
HEX #2178CA #CA7321
RGB 33, 120, 202 202, 115, 33
HSL 209.1, 71.9%, 46.1% 29.1, 71.9%, 46.1%
HSV 209.1, 83.7%, 79.2% 29.1, 83.7%, 79.2%
CMYK 83.7%, 40.6%, 0.0%, 20.8% 0.0%, 43.1%, 83.7%, 20.8%
OKLCH 0.5653 0.1494 251.5 0.64 0.1408 57.9

Contrast & Accessibility

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CA7321 β†’ Background: #2178CA

The quick brown fox jumps over the lazy dog

Text: #2178CA β†’ Background: #CA7321

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #2178CA, #CA7321);
background: linear-gradient(135deg, #2178CA, #CA7321);

Explore Each Color

Related Comparisons