#3C7A8E

#3C7A8E

#8E503C

#8E503C

Contrast Ratio

1.3:1

Delta E

55.43

Very Different

50:50 Mix

#746664

Color Values

Format #3C7A8E #8E503C
HEX #3C7A8E #8E503C
RGB 60, 122, 142 142, 80, 60
HSL 194.6, 40.6%, 39.6% 14.6, 40.6%, 39.6%
HSV 194.6, 57.7%, 55.7% 14.6, 57.7%, 55.7%
CMYK 57.7%, 14.1%, 0.0%, 44.3% 0.0%, 43.7%, 57.7%, 44.3%
OKLCH 0.5466 0.0708 221.6 0.4997 0.0891 38.6

Contrast & Accessibility

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #8E503C → Background: #3C7A8E

The quick brown fox jumps over the lazy dog

Text: #3C7A8E → Background: #8E503C

Color Difference (Delta E)

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

Gradient

#3C7A8E #567480 #676D72 #746664 #7E5F57 #875849 #8E503C

Color Mixing

#3C7A8E

100%

#5F7079

75:25

#746664

50:50

#835C50

25:75

#8E503C

100%

CSS Gradient Code

background: linear-gradient(to right, #3C7A8E, #8E503C);
background: linear-gradient(135deg, #3C7A8E, #8E503C);

Explore Each Color

#3C7A8E

View full color details

#8E503C

View full color details

Related Comparisons