#2187AE

#2187AE

#AE4821

#AE4821

Contrast Ratio

1.37:1

Delta E

89.79

Very Different

50:50 Mix

#8C6B67

Color Values

Format #2187AE #AE4821
HEX #2187AE #AE4821
RGB 33, 135, 174 174, 72, 33
HSL 196.6, 68.1%, 40.6% 16.6, 68.1%, 40.6%
HSV 196.6, 81.0%, 68.2% 16.6, 81.0%, 68.2%
CMYK 81.0%, 22.4%, 0.0%, 31.8% 0.0%, 58.6%, 81.0%, 31.8%
OKLCH 0.5853 0.106 229.3 0.531 0.1433 39.9

Contrast & Accessibility

1.37:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AE4821 → Background: #2187AE

The quick brown fox jumps over the lazy dog

Text: #2187AE → Background: #AE4821

Color Difference (Delta E)

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

Gradient

#2187AE #5D7E96 #79757E #8C6B67 #9A6050 #A55539 #AE4821

Color Mixing

#2187AE

100%

#6C798A

75:25

#8C6B67

50:50

#A05B45

25:75

#AE4821

100%

CSS Gradient Code

background: linear-gradient(to right, #2187AE, #AE4821);
background: linear-gradient(135deg, #2187AE, #AE4821);

Explore Each Color

#2187AE

View full color details

#AE4821

View full color details

Related Comparisons