#2151AE

#2151AE

#AE7E21

#AE7E21

Contrast Ratio

2.04:1

Delta E

110.25

Very Different

50:50 Mix

#86656E

Color Values

Format #2151AE #AE7E21
HEX #2151AE #AE7E21
RGB 33, 81, 174 174, 126, 33
HSL 219.6, 68.1%, 40.6% 39.6, 68.1%, 40.6%
HSV 219.6, 81.0%, 68.2% 39.6, 81.0%, 68.2%
CMYK 81.0%, 53.4%, 0.0%, 31.8% 0.0%, 27.6%, 81.0%, 31.8%
OKLCH 0.459 0.1579 261.8 0.6255 0.1188 78.9

Contrast & Accessibility

2.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AE7E21 → Background: #2151AE

The quick brown fox jumps over the lazy dog

Text: #2151AE → Background: #AE7E21

Color Difference (Delta E)

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

Gradient

#2151AE #575799 #725E84 #86656E #956D58 #A27540 #AE7E21

Color Mixing

#2151AE

100%

#665A8E

75:25

#86656E

50:50

#9C714D

25:75

#AE7E21

100%

CSS Gradient Code

background: linear-gradient(to right, #2151AE, #AE7E21);
background: linear-gradient(135deg, #2151AE, #AE7E21);

Explore Each Color

#2151AE

View full color details

#AE7E21

View full color details

Related Comparisons