#4471CC

#4471CC

#CC9F44

#CC9F44

Contrast Ratio

1.92:1

Delta E

106.21

Very Different

50:50 Mix

#9F868C

Color Values

Format #4471CC #CC9F44
HEX #4471CC #CC9F44
RGB 68, 113, 204 204, 159, 68
HSL 220.1, 57.1%, 53.3% 40.1, 57.1%, 53.3%
HSV 220.1, 66.7%, 80.0% 40.1, 66.7%, 80.0%
CMYK 66.7%, 44.6%, 0.0%, 20.0% 0.0%, 22.1%, 66.7%, 20.0%
OKLCH 0.5629 0.1494 262.7 0.7273 0.12 82.3

Contrast & Accessibility

1.92:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC9F44 → Background: #4471CC

The quick brown fox jumps over the lazy dog

Text: #4471CC → Background: #CC9F44

Color Difference (Delta E)

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

Gradient

#4471CC #6F77B7 #8B7FA2 #9F868C #B08E76 #BF965F #CC9F44

Color Mixing

#4471CC

100%

#7E7BAC

75:25

#9F868C

50:50

#B8926B

25:75

#CC9F44

100%

CSS Gradient Code

background: linear-gradient(to right, #4471CC, #CC9F44);
background: linear-gradient(135deg, #4471CC, #CC9F44);

Explore Each Color

#4471CC

View full color details

#CC9F44

View full color details

Related Comparisons