#0E60AF

#0E60AF

#AF5D0E

#AF5D0E

Contrast Ratio

1.33:1

Delta E

104.21

Very Different

50:50 Mix

#885E65

Color Values

Format #0E60AF #AF5D0E
HEX #0E60AF #AF5D0E
RGB 14, 96, 175 175, 93, 14
HSL 209.4, 85.2%, 37.1% 29.4, 85.2%, 37.1%
HSV 209.4, 92.0%, 68.6% 29.4, 92.0%, 68.6%
CMYK 92.0%, 45.1%, 0.0%, 31.4% 0.0%, 46.9%, 92.0%, 31.4%
OKLCH 0.4889 0.145 253.4 0.5643 0.1332 56.0

Contrast & Accessibility

1.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF5D0E → Background: #0E60AF

The quick brown fox jumps over the lazy dog

Text: #0E60AF → Background: #AF5D0E

Color Difference (Delta E)

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

Gradient

#0E60AF #565F96 #735E7E #885E65 #975D4D #A45D32 #AF5D0E

Color Mixing

#0E60AF

100%

#665F8A

75:25

#885E65

50:50

#9E5D40

25:75

#AF5D0E

100%

CSS Gradient Code

background: linear-gradient(to right, #0E60AF, #AF5D0E);
background: linear-gradient(135deg, #0E60AF, #AF5D0E);

Explore Each Color

#0E60AF

View full color details

#AF5D0E

View full color details

Related Comparisons