#3C9BAF

#3C9BAF

#AF503C

#AF503C

Contrast Ratio

1.61:1

Delta E

77.53

Very Different

50:50 Mix

#8F7974

Color Values

Format #3C9BAF #AF503C
HEX #3C9BAF #AF503C
RGB 60, 155, 175 175, 80, 60
HSL 190.4, 48.9%, 46.1% 10.4, 48.9%, 46.1%
HSV 190.4, 65.7%, 68.6% 10.4, 65.7%, 68.6%
CMYK 65.7%, 11.4%, 0.0%, 31.4% 0.0%, 54.3%, 65.7%, 31.4%
OKLCH 0.6419 0.0922 214.2 0.5476 0.1289 33.4

Contrast & Accessibility

1.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF503C → Background: #3C9BAF

The quick brown fox jumps over the lazy dog

Text: #3C9BAF → Background: #AF503C

Color Difference (Delta E)

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

Gradient

#3C9BAF #66909B #7E8587 #8F7974 #9C6C61 #A75F4E #AF503C

Color Mixing

#3C9BAF

100%

#738A91

75:25

#8F7974

50:50

#A26658

25:75

#AF503C

100%

CSS Gradient Code

background: linear-gradient(to right, #3C9BAF, #AF503C);
background: linear-gradient(135deg, #3C9BAF, #AF503C);

Explore Each Color

#3C9BAF

View full color details

#AF503C

View full color details

Related Comparisons