#2171AE

#2171AE

#AE5E21

#AE5E21

Contrast Ratio

1.1:1

Delta E

91.06

Very Different

50:50 Mix

#88686A

Color Values

Format #2171AE #AE5E21
HEX #2171AE #AE5E21
RGB 33, 113, 174 174, 94, 33
HSL 206.0, 68.1%, 40.6% 26.0, 68.1%, 40.6%
HSV 206.0, 81.0%, 68.2% 26.0, 81.0%, 68.2%
CMYK 81.0%, 35.1%, 0.0%, 31.8% 0.0%, 46.0%, 81.0%, 31.8%
OKLCH 0.5319 0.1215 246.4 0.5657 0.1262 53.4

Contrast & Accessibility

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AE5E21 → Background: #2171AE

The quick brown fox jumps over the lazy dog

Text: #2171AE → Background: #AE5E21

Color Difference (Delta E)

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

Gradient

#2171AE #596E97 #756B80 #88686A #976553 #A3613C #AE5E21

Color Mixing

#2171AE

100%

#686C8C

75:25

#88686A

50:50

#9E6348

25:75

#AE5E21

100%

CSS Gradient Code

background: linear-gradient(to right, #2171AE, #AE5E21);
background: linear-gradient(135deg, #2171AE, #AE5E21);

Explore Each Color

#2171AE

View full color details

#AE5E21

View full color details

Related Comparisons