#1B64AF

#1B64AF

#AF661B

#AF661B

Contrast Ratio

1.36:1

Delta E

99.07

Very Different

50:50 Mix

#87646A

Color Values

Format #1B64AF #AF661B
HEX #1B64AF #AF661B
RGB 27, 100, 175 175, 102, 27
HSL 210.4, 73.3%, 39.6% 30.4, 73.3%, 39.6%
HSV 210.4, 84.6%, 68.6% 30.4, 84.6%, 68.6%
CMYK 84.6%, 42.9%, 0.0%, 31.4% 0.0%, 41.7%, 84.6%, 31.4%
OKLCH 0.5005 0.1379 253.2 0.5807 0.1251 60.3

Contrast & Accessibility

1.36:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF661B → Background: #1B64AF

The quick brown fox jumps over the lazy dog

Text: #1B64AF → Background: #AF661B

Color Difference (Delta E)

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

Gradient

#1B64AF #576498 #746481 #87646A #976552 #A4653A #AF661B

Color Mixing

#1B64AF

100%

#67648C

75:25

#87646A

50:50

#9E6546

25:75

#AF661B

100%

CSS Gradient Code

background: linear-gradient(to right, #1B64AF, #AF661B);
background: linear-gradient(135deg, #1B64AF, #AF661B);

Explore Each Color

#1B64AF

View full color details

#AF661B

View full color details

Related Comparisons