#3C96AF

#3C96AF

#AF553C

#AF553C

Contrast Ratio

1.47:1

Delta E

75.63

Very Different

50:50 Mix

#8E7874

Color Values

Format #3C96AF #AF553C
HEX #3C96AF #AF553C
RGB 60, 150, 175 175, 85, 60
HSL 193.0, 48.9%, 46.1% 13.0, 48.9%, 46.1%
HSV 193.0, 65.7%, 68.6% 13.0, 65.7%, 68.6%
CMYK 65.7%, 14.3%, 0.0%, 31.4% 0.0%, 51.4%, 65.7%, 31.4%
OKLCH 0.6297 0.0919 219.4 0.5553 0.1239 36.4

Contrast & Accessibility

1.47:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF553C → Background: #3C96AF

The quick brown fox jumps over the lazy dog

Text: #3C96AF → Background: #AF553C

Color Difference (Delta E)

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

Gradient

#3C96AF #658C9B #7D8288 #8E7874 #9C6D61 #A6624F #AF553C

Color Mixing

#3C96AF

100%

#728791

75:25

#8E7874

50:50

#A16858

25:75

#AF553C

100%

CSS Gradient Code

background: linear-gradient(to right, #3C96AF, #AF553C);
background: linear-gradient(135deg, #3C96AF, #AF553C);

Explore Each Color

#3C96AF

View full color details

#AF553C

View full color details

Related Comparisons