#2175AE

#2175AE

#AE5A21

#AE5A21

Contrast Ratio

1.02:1

Delta E

90.08

Very Different

50:50 Mix

#896869

Color Values

Format #2175AE #AE5A21
HEX #2175AE #AE5A21
RGB 33, 117, 174 174, 90, 33
HSL 204.3, 68.1%, 40.6% 24.3, 68.1%, 40.6%
HSV 204.3, 81.0%, 68.2% 24.3, 81.0%, 68.2%
CMYK 81.0%, 32.8%, 0.0%, 31.8% 0.0%, 48.3%, 81.0%, 31.8%
OKLCH 0.5414 0.1179 243.7 0.5589 0.1288 50.6

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: #AE5A21 → Background: #2175AE

The quick brown fox jumps over the lazy dog

Text: #2175AE → Background: #AE5A21

Color Difference (Delta E)

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

Gradient

#2175AE #5A7197 #756D80 #896869 #986453 #A45F3B #AE5A21

Color Mixing

#2175AE

100%

#696F8B

75:25

#896869

50:50

#9E6147

25:75

#AE5A21

100%

CSS Gradient Code

background: linear-gradient(to right, #2175AE, #AE5A21);
background: linear-gradient(135deg, #2175AE, #AE5A21);

Explore Each Color

#2175AE

View full color details

#AE5A21

View full color details

Related Comparisons