#2C73CC

#2C73CC

#CC852C

#CC852C

Contrast Ratio

1.57:1

Delta E

109.64

Very Different

50:50 Mix

#9E7A81

Color Values

Format #2C73CC #CC852C
HEX #2C73CC #CC852C
RGB 44, 115, 204 204, 133, 44
HSL 213.4, 64.5%, 48.6% 33.4, 64.5%, 48.6%
HSV 213.4, 78.4%, 80.0% 33.4, 78.4%, 80.0%
CMYK 78.4%, 43.6%, 0.0%, 20.0% 0.0%, 34.8%, 78.4%, 20.0%
OKLCH 0.5582 0.1547 256.0 0.6753 0.1321 67.4

Contrast & Accessibility

1.57:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC852C → Background: #2C73CC

The quick brown fox jumps over the lazy dog

Text: #2C73CC → Background: #CC852C

Color Difference (Delta E)

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

Gradient

#2C73CC #6875B3 #88789A #9E7A81 #B07E67 #BF814C #CC852C

Color Mixing

#2C73CC

100%

#7A76A6

75:25

#9E7A81

50:50

#B87F5A

25:75

#CC852C

100%

CSS Gradient Code

background: linear-gradient(to right, #2C73CC, #CC852C);
background: linear-gradient(135deg, #2C73CC, #CC852C);

Explore Each Color

#2C73CC

View full color details

#CC852C

View full color details

Related Comparisons