#4178CC

#4178CC

#CC9541

#CC9541

Contrast Ratio

1.66:1

Delta E

101.09

Very Different

50:50 Mix

#9F858A

Color Values

Format #4178CC #CC9541
HEX #4178CC #CC9541
RGB 65, 120, 204 204, 149, 65
HSL 216.3, 57.7%, 52.7% 36.3, 57.7%, 52.7%
HSV 216.3, 68.1%, 80.0% 36.3, 68.1%, 80.0%
CMYK 68.1%, 41.2%, 0.0%, 20.0% 0.0%, 27.0%, 68.1%, 20.0%
OKLCH 0.5767 0.1423 258.7 0.7074 0.1196 75.0

Contrast & Accessibility

1.66:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC9541 → Background: #4178CC

The quick brown fox jumps over the lazy dog

Text: #4178CC → Background: #CC9541

Color Difference (Delta E)

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

Gradient

#4178CC #6E7CB6 #8A80A0 #9F858A #B08A73 #BF8F5C #CC9541

Color Mixing

#4178CC

100%

#7E7EAB

75:25

#9F858A

50:50

#B88D68

25:75

#CC9541

100%

CSS Gradient Code

background: linear-gradient(to right, #4178CC, #CC9541);
background: linear-gradient(135deg, #4178CC, #CC9541);

Explore Each Color

#4178CC

View full color details

#CC9541

View full color details

Related Comparisons