#377ECC

#377ECC

#CC8537

#CC8537

Contrast Ratio

1.39:1

Delta E

100.0

Very Different

50:50 Mix

#9F8185

Color Values

Format #377ECC #CC8537
HEX #377ECC #CC8537
RGB 55, 126, 204 204, 133, 55
HSL 211.4, 59.4%, 50.8% 31.4, 59.4%, 50.8%
HSV 211.4, 73.0%, 80.0% 31.4, 73.0%, 80.0%
CMYK 73.0%, 38.2%, 0.0%, 20.0% 0.0%, 34.8%, 73.0%, 20.0%
OKLCH 0.5862 0.1393 253.1 0.6762 0.1265 64.9

Contrast & Accessibility

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC8537 → Background: #377ECC

The quick brown fox jumps over the lazy dog

Text: #377ECC → Background: #CC8537

Color Difference (Delta E)

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

Gradient

#377ECC #6C7FB4 #897F9C #9F8185 #B1826C #BF8353 #CC8537

Color Mixing

#377ECC

100%

#7C7FA8

75:25

#9F8185

50:50

#B88360

25:75

#CC8537

100%

CSS Gradient Code

background: linear-gradient(to right, #377ECC, #CC8537);
background: linear-gradient(135deg, #377ECC, #CC8537);

Explore Each Color

#377ECC

View full color details

#CC8537

View full color details

Related Comparisons