#4697CE

#4697CE

#CE7D46

#CE7D46

Contrast Ratio

1.01:1

Delta E

85.23

Very Different

50:50 Mix

Color Values

Format #4697CE #CE7D46
HEX #4697CE #CE7D46
RGB 70, 151, 206 206, 125, 70
HSL 204.3, 58.1%, 54.1% 24.3, 58.1%, 54.1%
HSV 204.3, 66.0%, 80.8% 24.3, 66.0%, 80.8%
CMYK 66.0%, 26.7%, 0.0%, 19.2% 0.0%, 39.3%, 66.0%, 19.2%
OKLCH 0.6497 0.114 241.3 0.6659 0.1229 53.1

Contrast & Accessibility

1.01:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CE7D46 β†’ Background: #4697CE

The quick brown fox jumps over the lazy dog

Text: #4697CE β†’ Background: #CE7D46

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #4697CE, #CE7D46);
background: linear-gradient(135deg, #4697CE, #CE7D46);

Explore Each Color

Related Comparisons