#2177AE

#2177AE

#AE5821

#AE5821

Contrast Ratio

1.02:1

Delta E

89.72

Very Different

50:50 Mix

#896869

Color Values

Format #2177AE #AE5821
HEX #2177AE #AE5821
RGB 33, 119, 174 174, 88, 33
HSL 203.4, 68.1%, 40.6% 23.4, 68.1%, 40.6%
HSV 203.4, 81.0%, 68.2% 23.4, 81.0%, 68.2%
CMYK 81.0%, 31.6%, 0.0%, 31.8% 0.0%, 49.4%, 81.0%, 31.8%
OKLCH 0.5463 0.1162 242.3 0.5556 0.1302 49.2

Contrast & Accessibility

1.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AE5821 → Background: #2177AE

The quick brown fox jumps over the lazy dog

Text: #2177AE → Background: #AE5821

Color Difference (Delta E)

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

Gradient

#2177AE #5A7297 #766D80 #896869 #986352 #A45E3B #AE5821

Color Mixing

#2177AE

100%

#69708B

75:25

#896869

50:50

#9E6147

25:75

#AE5821

100%

CSS Gradient Code

background: linear-gradient(to right, #2177AE, #AE5821);
background: linear-gradient(135deg, #2177AE, #AE5821);

Explore Each Color

#2177AE

View full color details

#AE5821

View full color details

Related Comparisons