#2195AE

#2195AE

#AE3A21

#AE3A21

Contrast Ratio

1.74:1

Delta E

93.46

Very Different

50:50 Mix

#8E6D66

Color Values

Format #2195AE #AE3A21
HEX #2195AE #AE3A21
RGB 33, 149, 174 174, 58, 33
HSL 190.6, 68.1%, 40.6% 10.6, 68.1%, 40.6%
HSV 190.6, 81.0%, 68.2% 10.6, 81.0%, 68.2%
CMYK 81.0%, 14.4%, 0.0%, 31.8% 0.0%, 66.7%, 81.0%, 31.8%
OKLCH 0.6201 0.1028 216.5 0.5127 0.1561 33.8

Contrast & Accessibility

1.74:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AE3A21 → Background: #2195AE

The quick brown fox jumps over the lazy dog

Text: #2195AE → Background: #AE3A21

Color Difference (Delta E)

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

Gradient

#2195AE #5F8895 #7C7B7D #8E6D66 #9C5E4F #A64E38 #AE3A21

Color Mixing

#2195AE

100%

#6F8289

75:25

#8E6D66

50:50

#A15644

25:75

#AE3A21

100%

CSS Gradient Code

background: linear-gradient(to right, #2195AE, #AE3A21);
background: linear-gradient(135deg, #2195AE, #AE3A21);

Explore Each Color

#2195AE

View full color details

#AE3A21

View full color details

Related Comparisons