#0B5AAF

#0B5AAF

#AF600B

#AF600B

Contrast Ratio

1.45:1

Delta E

107.55

Very Different

50:50 Mix

#875C65

Color Values

Format #0B5AAF #AF600B
HEX #0B5AAF #AF600B
RGB 11, 90, 175 175, 96, 11
HSL 211.1, 88.2%, 36.5% 31.1, 88.2%, 36.5%
HSV 211.1, 93.7%, 68.6% 31.1, 93.7%, 68.6%
CMYK 93.7%, 48.6%, 0.0%, 31.4% 0.0%, 45.1%, 93.7%, 31.4%
OKLCH 0.4747 0.1525 255.5 0.5694 0.1322 58.4

Contrast & Accessibility

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF600B → Background: #0B5AAF

The quick brown fox jumps over the lazy dog

Text: #0B5AAF → Background: #AF600B

Color Difference (Delta E)

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

Gradient

#0B5AAF #555A96 #735B7E #875C65 #975D4C #A45E32 #AF600B

Color Mixing

#0B5AAF

100%

#665A8A

75:25

#875C65

50:50

#9E5E3F

25:75

#AF600B

100%

CSS Gradient Code

background: linear-gradient(to right, #0B5AAF, #AF600B);
background: linear-gradient(135deg, #0B5AAF, #AF600B);

Explore Each Color

#0B5AAF

View full color details

#AF600B

View full color details

Related Comparisons