#2173CE

#2173CE

#CE7C21

#CE7C21

Contrast Ratio

1.48:1

Delta E

113.93

Very Different

50:50 Mix

Color Values

Format #2173CE #CE7C21
HEX #2173CE #CE7C21
RGB 33, 115, 206 206, 124, 33
HSL 211.6, 72.4%, 46.9% 31.6, 72.4%, 46.9%
HSV 211.6, 84.0%, 80.8% 31.6, 84.0%, 80.8%
CMYK 84.0%, 44.2%, 0.0%, 19.2% 0.0%, 39.8%, 84.0%, 19.2%
OKLCH 0.5567 0.16 254.6 0.6609 0.1404 62.3

Contrast & Accessibility

1.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CE7C21 β†’ Background: #2173CE

The quick brown fox jumps over the lazy dog

Text: #2173CE β†’ Background: #CE7C21

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #2173CE, #CE7C21);
background: linear-gradient(135deg, #2173CE, #CE7C21);

Explore Each Color

Related Comparisons