#1A76AF

#1A76AF

#AF531A

#AF531A

Contrast Ratio

1.04:1

Delta E

93.85

Very Different

50:50 Mix

#8A6667

Color Values

Format #1A76AF #AF531A
HEX #1A76AF #AF531A
RGB 26, 118, 175 175, 83, 26
HSL 203.0, 74.1%, 39.4% 23.0, 74.1%, 39.4%
HSV 203.0, 85.1%, 68.6% 23.0, 85.1%, 68.6%
CMYK 85.1%, 32.6%, 0.0%, 31.4% 0.0%, 52.6%, 85.1%, 31.4%
OKLCH 0.543 0.1201 242.4 0.5485 0.137 47.6

Contrast & Accessibility

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF531A → Background: #1A76AF

The quick brown fox jumps over the lazy dog

Text: #1A76AF → Background: #AF531A

Color Difference (Delta E)

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

Gradient

#1A76AF #597197 #766B7E #8A6667 #99604F #A55A36 #AF531A

Color Mixing

#1A76AF

100%

#696E8A

75:25

#8A6667

50:50

#9F5D43

25:75

#AF531A

100%

CSS Gradient Code

background: linear-gradient(to right, #1A76AF, #AF531A);
background: linear-gradient(135deg, #1A76AF, #AF531A);

Explore Each Color

#1A76AF

View full color details

#AF531A

View full color details

Related Comparisons