#196DAF

#196DAF

#AF5B19

#AF5B19

Contrast Ratio

1.13:1

Delta E

96.18

Very Different

50:50 Mix

#896467

Color Values

Format #196DAF #AF5B19
HEX #196DAF #AF5B19
RGB 25, 109, 175 175, 91, 25
HSL 206.4, 75.0%, 39.2% 26.4, 75.0%, 39.2%
HSV 206.4, 85.7%, 68.6% 26.4, 85.7%, 68.6%
CMYK 85.7%, 37.7%, 0.0%, 31.4% 0.0%, 48.0%, 85.7%, 31.4%
OKLCH 0.5212 0.1287 248.0 0.5615 0.1317 52.8

Contrast & Accessibility

1.13:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF5B19 → Background: #196DAF

The quick brown fox jumps over the lazy dog

Text: #196DAF → Background: #AF5B19

Color Difference (Delta E)

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

Gradient

#196DAF #586A97 #75677F #896467 #986150 #A45E37 #AF5B19

Color Mixing

#196DAF

100%

#68698B

75:25

#896467

50:50

#9E6044

25:75

#AF5B19

100%

CSS Gradient Code

background: linear-gradient(to right, #196DAF, #AF5B19);
background: linear-gradient(135deg, #196DAF, #AF5B19);

Explore Each Color

#196DAF

View full color details

#AF5B19

View full color details

Related Comparisons