#409CCC

#409CCC

#CC7040

#CC7040

Contrast Ratio

1.15:1

Delta E

86.76

Very Different

50:50 Mix

#A38786

Color Values

Format #409CCC #CC7040
HEX #409CCC #CC7040
RGB 64, 156, 204 204, 112, 64
HSL 200.6, 57.9%, 52.5% 20.6, 57.9%, 52.5%
HSV 200.6, 68.6%, 80.0% 20.6, 68.6%, 80.0%
CMYK 68.6%, 23.5%, 0.0%, 20.0% 0.0%, 45.1%, 68.6%, 20.0%
OKLCH 0.6583 0.1117 235.0 0.6403 0.1319 46.7

Contrast & Accessibility

1.15:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC7040 → Background: #409CCC

The quick brown fox jumps over the lazy dog

Text: #409CCC → Background: #CC7040

Color Difference (Delta E)

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

Gradient

#409CCC #7195B4 #8E8E9D #A38786 #B3806F #C17858 #CC7040

Color Mixing

#409CCC

100%

#8192A9

75:25

#A38786

50:50

#BA7C63

25:75

#CC7040

100%

CSS Gradient Code

background: linear-gradient(to right, #409CCC, #CC7040);
background: linear-gradient(135deg, #409CCC, #CC7040);

Explore Each Color

#409CCC

View full color details

#CC7040

View full color details

Related Comparisons