#2197A5

#2197A5

#A52F21

#A52F21

Contrast Ratio

1.99:1

Delta E

92.42

Very Different

50:50 Mix

#896A61

Color Values

Format #2197A5 #A52F21
HEX #2197A5 #A52F21
RGB 33, 151, 165 165, 47, 33
HSL 186.4, 66.7%, 38.8% 6.4, 66.7%, 38.8%
HSV 186.4, 80.0%, 64.7% 6.4, 80.0%, 64.7%
CMYK 80.0%, 8.5%, 0.0%, 35.3% 0.0%, 71.5%, 80.0%, 35.3%
OKLCH 0.6213 0.0993 207.2 0.4846 0.1566 30.3

Contrast & Accessibility

1.99:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #A52F21 → Background: #2197A5

The quick brown fox jumps over the lazy dog

Text: #2197A5 → Background: #A52F21

Color Difference (Delta E)

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

Gradient

#2197A5 #5C898E #777A77 #896A61 #955A4B #9E4736 #A52F21

Color Mixing

#2197A5

100%

#6B8182

75:25

#896A61

50:50

#9A5041

25:75

#A52F21

100%

CSS Gradient Code

background: linear-gradient(to right, #2197A5, #A52F21);
background: linear-gradient(135deg, #2197A5, #A52F21);

Explore Each Color

#2197A5

View full color details

#A52F21

View full color details

Related Comparisons