#2172CF

#2172CF

#CF7E21

#CF7E21

Contrast Ratio

1.52:1

Delta E

115.26

Very Different

50:50 Mix

Color Values

Format #2172CF #CF7E21
HEX #2172CF #CF7E21
RGB 33, 114, 207 207, 126, 33
HSL 212.1, 72.5%, 47.1% 32.1, 72.5%, 47.1%
HSV 212.1, 84.1%, 81.2% 32.1, 84.1%, 81.2%
CMYK 84.1%, 44.9%, 0.0%, 18.8% 0.0%, 39.1%, 84.1%, 18.8%
OKLCH 0.5552 0.1624 255.2 0.6657 0.1405 63.2

Contrast & Accessibility

1.52:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CF7E21 β†’ Background: #2172CF

The quick brown fox jumps over the lazy dog

Text: #2172CF β†’ Background: #CF7E21

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #2172CF, #CF7E21);
background: linear-gradient(135deg, #2172CF, #CF7E21);

Explore Each Color

Related Comparisons