#196EAF

#196EAF

#AF5A19

#AF5A19

Contrast Ratio

1.11:1

Delta E

95.89

Very Different

50:50 Mix

#896467

Color Values

Format #196EAF #AF5A19
HEX #196EAF #AF5A19
RGB 25, 110, 175 175, 90, 25
HSL 206.0, 75.0%, 39.2% 26.0, 75.0%, 39.2%
HSV 206.0, 85.7%, 68.6% 26.0, 85.7%, 68.6%
CMYK 85.7%, 37.1%, 0.0%, 31.4% 0.0%, 48.6%, 85.7%, 31.4%
OKLCH 0.5236 0.1277 247.4 0.5598 0.1323 52.2

Contrast & Accessibility

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF5A19 → Background: #196EAF

The quick brown fox jumps over the lazy dog

Text: #196EAF → Background: #AF5A19

Color Difference (Delta E)

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

Gradient

#196EAF #586B97 #75687F #896467 #986150 #A45E37 #AF5A19

Color Mixing

#196EAF

100%

#68698B

75:25

#896467

50:50

#9E5F43

25:75

#AF5A19

100%

CSS Gradient Code

background: linear-gradient(to right, #196EAF, #AF5A19);
background: linear-gradient(135deg, #196EAF, #AF5A19);

Explore Each Color

#196EAF

View full color details

#AF5A19

View full color details

Related Comparisons