#0C60AF

#0C60AF

#AF5B0C

#AF5B0C

Contrast Ratio

1.31:1

Delta E

104.64

Very Different

50:50 Mix

#885D65

Color Values

Format #0C60AF #AF5B0C
HEX #0C60AF #AF5B0C
RGB 12, 96, 175 175, 91, 12
HSL 209.1, 87.2%, 36.7% 29.1, 87.2%, 36.7%
HSV 209.1, 93.1%, 68.6% 29.1, 93.1%, 68.6%
CMYK 93.1%, 45.1%, 0.0%, 31.4% 0.0%, 48.0%, 93.1%, 31.4%
OKLCH 0.4886 0.1453 253.2 0.5609 0.1348 54.9

Contrast & Accessibility

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF5B0C → Background: #0C60AF

The quick brown fox jumps over the lazy dog

Text: #0C60AF → Background: #AF5B0C

Color Difference (Delta E)

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

Gradient

#0C60AF #565F96 #735E7D #885D65 #975C4C #A45B31 #AF5B0C

Color Mixing

#0C60AF

100%

#665E8A

75:25

#885D65

50:50

#9E5C3F

25:75

#AF5B0C

100%

CSS Gradient Code

background: linear-gradient(to right, #0C60AF, #AF5B0C);
background: linear-gradient(135deg, #0C60AF, #AF5B0C);

Explore Each Color

#0C60AF

View full color details

#AF5B0C

View full color details

Related Comparisons