#4497CC

#4497CC

#CC7944

#CC7944

Contrast Ratio

1.02:1

Delta E

84.97

Very Different

50:50 Mix

#A28988

Color Values

Format #4497CC #CC7944
HEX #4497CC #CC7944
RGB 68, 151, 204 204, 121, 68
HSL 203.4, 57.1%, 53.3% 23.4, 57.1%, 53.3%
HSV 203.4, 66.7%, 80.0% 23.4, 66.7%, 80.0%
CMYK 66.7%, 26.0%, 0.0%, 20.0% 0.0%, 40.7%, 66.7%, 20.0%
OKLCH 0.648 0.1128 239.8 0.6561 0.1241 51.5

Contrast & Accessibility

1.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC7944 → Background: #4497CC

The quick brown fox jumps over the lazy dog

Text: #4497CC → Background: #CC7944

Color Difference (Delta E)

84.97 Very Different
0 — Identical 5 — Similar 25 — Noticeable 100 — Very Different

Gradient

#4497CC #7292B5 #8E8E9F #A28988 #B38472 #C07E5C #CC7944

Color Mixing

#4497CC

100%

#8190AA

75:25

#A28988

50:50

#BA8167

25:75

#CC7944

100%

CSS Gradient Code

background: linear-gradient(to right, #4497CC, #CC7944);
background: linear-gradient(135deg, #4497CC, #CC7944);

Explore Each Color

#4497CC

View full color details

#CC7944

View full color details

Related Comparisons