#457CCF

#457CCF

#CF9845

#CF9845

Contrast Ratio

1.63:1

Delta E

99.89

Very Different

50:50 Mix

Color Values

Format #457CCF #CF9845
HEX #457CCF #CF9845
RGB 69, 124, 207 207, 152, 69
HSL 216.1, 59.0%, 54.1% 36.1, 59.0%, 54.1%
HSV 216.1, 66.7%, 81.2% 36.1, 66.7%, 81.2%
CMYK 66.7%, 40.1%, 0.0%, 18.8% 0.0%, 26.6%, 66.7%, 18.8%
OKLCH 0.589 0.1404 258.5 0.7169 0.119 74.9

Contrast & Accessibility

1.63:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CF9845 β†’ Background: #457CCF

The quick brown fox jumps over the lazy dog

Text: #457CCF β†’ Background: #CF9845

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #457CCF, #CF9845);
background: linear-gradient(135deg, #457CCF, #CF9845);

Explore Each Color

Related Comparisons