#3B72AF

#3B72AF

#AF783B

#AF783B

Contrast Ratio

1.32:1

Delta E

80.72

Very Different

50:50 Mix

#897477

Color Values

Format #3B72AF #AF783B
HEX #3B72AF #AF783B
RGB 59, 114, 175 175, 120, 59
HSL 211.6, 49.6%, 45.9% 31.6, 49.6%, 45.9%
HSV 211.6, 66.3%, 68.6% 31.6, 66.3%, 68.6%
CMYK 66.3%, 34.9%, 0.0%, 31.4% 0.0%, 31.4%, 66.3%, 31.4%
OKLCH 0.5434 0.1124 252.7 0.6172 0.1035 66.5

Contrast & Accessibility

1.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF783B → Background: #3B72AF

The quick brown fox jumps over the lazy dog

Text: #3B72AF → Background: #AF783B

Color Difference (Delta E)

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

Gradient

#3B72AF #60739C #787389 #897477 #987564 #A47750 #AF783B

Color Mixing

#3B72AF

100%

#6D7393

75:25

#897477

50:50

#9E765A

25:75

#AF783B

100%

CSS Gradient Code

background: linear-gradient(to right, #3B72AF, #AF783B);
background: linear-gradient(135deg, #3B72AF, #AF783B);

Explore Each Color

#3B72AF

View full color details

#AF783B

View full color details

Related Comparisons