#2158AE

#2158AE

#AE7721

#AE7721

Contrast Ratio

1.78:1

Delta E

104.54

Very Different

50:50 Mix

#86666D

Color Values

Format #2158AE #AE7721
HEX #2158AE #AE7721
RGB 33, 88, 174 174, 119, 33
HSL 216.6, 68.1%, 40.6% 36.6, 68.1%, 40.6%
HSV 216.6, 81.0%, 68.2% 36.6, 81.0%, 68.2%
CMYK 81.0%, 49.4%, 0.0%, 31.8% 0.0%, 31.6%, 81.0%, 31.8%
OKLCH 0.4742 0.1492 259.3 0.6117 0.1182 73.2

Contrast & Accessibility

1.78:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AE7721 → Background: #2158AE

The quick brown fox jumps over the lazy dog

Text: #2158AE → Background: #AE7721

Color Difference (Delta E)

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

Gradient

#2158AE #575C98 #726083 #86666D #956B57 #A3713F #AE7721

Color Mixing

#2158AE

100%

#665E8E

75:25

#86666D

50:50

#9C6E4B

25:75

#AE7721

100%

CSS Gradient Code

background: linear-gradient(to right, #2158AE, #AE7721);
background: linear-gradient(135deg, #2158AE, #AE7721);

Explore Each Color

#2158AE

View full color details

#AE7721

View full color details

Related Comparisons