#2178AE

#2178AE

#AE5721

#AE5721

Contrast Ratio

1.04:1

Delta E

89.56

Very Different

50:50 Mix

#896969

Color Values

Format #2178AE #AE5721
HEX #2178AE #AE5721
RGB 33, 120, 174 174, 87, 33
HSL 203.0, 68.1%, 40.6% 23.0, 68.1%, 40.6%
HSV 203.0, 81.0%, 68.2% 23.0, 81.0%, 68.2%
CMYK 81.0%, 31.0%, 0.0%, 31.8% 0.0%, 50.0%, 81.0%, 31.8%
OKLCH 0.5487 0.1154 241.5 0.554 0.1309 48.6

Contrast & Accessibility

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AE5721 → Background: #2178AE

The quick brown fox jumps over the lazy dog

Text: #2178AE → Background: #AE5721

Color Difference (Delta E)

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

Gradient

#2178AE #5A7397 #766E80 #896969 #986352 #A45D3B #AE5721

Color Mixing

#2178AE

100%

#69708B

75:25

#896969

50:50

#9E6047

25:75

#AE5721

100%

CSS Gradient Code

background: linear-gradient(to right, #2178AE, #AE5721);
background: linear-gradient(135deg, #2178AE, #AE5721);

Explore Each Color

#2178AE

View full color details

#AE5721

View full color details

Related Comparisons