#4198CC

#4198CC

#CC7541

#CC7541

Contrast Ratio

1.06:1

Delta E

86.49

Very Different

50:50 Mix

#A28787

Color Values

Format #4198CC #CC7541
HEX #4198CC #CC7541
RGB 65, 152, 204 204, 117, 65
HSL 202.4, 57.7%, 52.7% 22.4, 57.7%, 52.7%
HSV 202.4, 68.1%, 80.0% 22.4, 68.1%, 80.0%
CMYK 68.1%, 25.5%, 0.0%, 20.0% 0.0%, 42.6%, 68.1%, 20.0%
OKLCH 0.6493 0.1135 238.4 0.6489 0.128 49.8

Contrast & Accessibility

1.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC7541 → Background: #4198CC

The quick brown fox jumps over the lazy dog

Text: #4198CC → Background: #CC7541

Color Difference (Delta E)

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

Gradient

#4198CC #7193B5 #8E8D9E #A28787 #B38270 #C07B59 #CC7541

Color Mixing

#4198CC

100%

#8190A9

75:25

#A28787

50:50

#BA7F65

25:75

#CC7541

100%

CSS Gradient Code

background: linear-gradient(to right, #4198CC, #CC7541);
background: linear-gradient(135deg, #4198CC, #CC7541);

Explore Each Color

#4198CC

View full color details

#CC7541

View full color details

Related Comparisons