#2196AF

#2196AF

#AF3A21

#AF3A21

Contrast Ratio

1.75:1

Delta E

94.07

Very Different

50:50 Mix

#8F6E66

Color Values

Format #2196AF #AF3A21
HEX #2196AF #AF3A21
RGB 33, 150, 175 175, 58, 33
HSL 190.6, 68.3%, 40.8% 10.6, 68.3%, 40.8%
HSV 190.6, 81.1%, 68.6% 10.6, 81.1%, 68.6%
CMYK 81.1%, 14.3%, 0.0%, 31.4% 0.0%, 66.9%, 81.1%, 31.4%
OKLCH 0.623 0.1033 216.4 0.5144 0.1572 33.7

Contrast & Accessibility

1.75:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF3A21 → Background: #2196AF

The quick brown fox jumps over the lazy dog

Text: #2196AF → Background: #AF3A21

Color Difference (Delta E)

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

Gradient

#2196AF #608996 #7C7C7E #8F6E66 #9D5F4F #A74E38 #AF3A21

Color Mixing

#2196AF

100%

#70838A

75:25

#8F6E66

50:50

#A25744

25:75

#AF3A21

100%

CSS Gradient Code

background: linear-gradient(to right, #2196AF, #AF3A21);
background: linear-gradient(135deg, #2196AF, #AF3A21);

Explore Each Color

#2196AF

View full color details

#AF3A21

View full color details

Related Comparisons