#1B44AF

#1B44AF

#AF861B

#AF861B

Contrast Ratio

2.51:1

Delta E

123.15

Very Different

50:50 Mix

#86626F

Color Values

Format #1B44AF #AF861B
HEX #1B44AF #AF861B
RGB 27, 68, 175 175, 134, 27
HSL 223.4, 73.3%, 39.6% 43.4, 73.3%, 39.6%
HSV 223.4, 84.6%, 68.6% 43.4, 84.6%, 68.6%
CMYK 84.6%, 61.1%, 0.0%, 31.4% 0.0%, 23.4%, 84.6%, 31.4%
OKLCH 0.4312 0.1767 264.2 0.6425 0.1241 85.3

Contrast & Accessibility

2.51:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF861B → Background: #1B44AF

The quick brown fox jumps over the lazy dog

Text: #1B44AF → Background: #AF861B

Color Difference (Delta E)

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

Gradient

#1B44AF #564D9A #725784 #86626F #966D58 #A37A3F #AF861B

Color Mixing

#1B44AF

100%

#65528F

75:25

#86626F

50:50

#9D734C

25:75

#AF861B

100%

CSS Gradient Code

background: linear-gradient(to right, #1B44AF, #AF861B);
background: linear-gradient(135deg, #1B44AF, #AF861B);

Explore Each Color

#1B44AF

View full color details

#AF861B

View full color details

Related Comparisons