#0C61AF

#0C61AF

#AF5A0C

#AF5A0C

Contrast Ratio

1.28:1

Delta E

104.24

Very Different

50:50 Mix

#885D64

Color Values

Format #0C61AF #AF5A0C
HEX #0C61AF #AF5A0C
RGB 12, 97, 175 175, 90, 12
HSL 208.7, 87.2%, 36.7% 28.7, 87.2%, 36.7%
HSV 208.7, 93.1%, 68.6% 28.7, 93.1%, 68.6%
CMYK 93.1%, 44.6%, 0.0%, 31.4% 0.0%, 48.6%, 93.1%, 31.4%
OKLCH 0.4909 0.1441 252.7 0.5592 0.1354 54.3

Contrast & Accessibility

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF5A0C → Background: #0C61AF

The quick brown fox jumps over the lazy dog

Text: #0C61AF → Background: #AF5A0C

Color Difference (Delta E)

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

Gradient

#0C61AF #565F96 #745E7D #885D64 #975C4B #A45B31 #AF5A0C

Color Mixing

#0C61AF

100%

#675F89

75:25

#885D64

50:50

#9E5B3F

25:75

#AF5A0C

100%

CSS Gradient Code

background: linear-gradient(to right, #0C61AF, #AF5A0C);
background: linear-gradient(135deg, #0C61AF, #AF5A0C);

Explore Each Color

#0C61AF

View full color details

#AF5A0C

View full color details

Related Comparisons