#2170AE

#2170AE

#AE5F21

#AE5F21

Contrast Ratio

1.12:1

Delta E

91.36

Very Different

50:50 Mix

#88686A

Color Values

Format #2170AE #AE5F21
HEX #2170AE #AE5F21
RGB 33, 112, 174 174, 95, 33
HSL 206.4, 68.1%, 40.6% 26.4, 68.1%, 40.6%
HSV 206.4, 81.0%, 68.2% 26.4, 81.0%, 68.2%
CMYK 81.0%, 35.6%, 0.0%, 31.8% 0.0%, 45.4%, 81.0%, 31.8%
OKLCH 0.5295 0.1225 247.1 0.5674 0.1256 54.1

Contrast & Accessibility

1.12:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AE5F21 → Background: #2170AE

The quick brown fox jumps over the lazy dog

Text: #2170AE → Background: #AE5F21

Color Difference (Delta E)

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

Gradient

#2170AE #596D97 #756A80 #88686A #976553 #A3623C #AE5F21

Color Mixing

#2170AE

100%

#686C8C

75:25

#88686A

50:50

#9D6348

25:75

#AE5F21

100%

CSS Gradient Code

background: linear-gradient(to right, #2170AE, #AE5F21);
background: linear-gradient(135deg, #2170AE, #AE5F21);

Explore Each Color

#2170AE

View full color details

#AE5F21

View full color details

Related Comparisons