#2176DE

#2176DE

#DE8921

#DE8921

Contrast Ratio

1.64:1

Delta E

124.77

Very Different

50:50 Mix

#AC7E87

Color Values

Format #2176DE #DE8921
HEX #2176DE #DE8921
RGB 33, 118, 222 222, 137, 33
HSL 213.0, 74.1%, 50.0% 33.0, 74.1%, 50.0%
HSV 213.0, 85.1%, 87.1% 33.0, 85.1%, 87.1%
CMYK 85.1%, 46.8%, 0.0%, 12.9% 0.0%, 38.3%, 85.1%, 12.9%
OKLCH 0.5742 0.1772 256.3 0.704 0.1487 64.6

Contrast & Accessibility

1.64:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DE8921 → Background: #2176DE

The quick brown fox jumps over the lazy dog

Text: #2176DE → Background: #DE8921

Color Difference (Delta E)

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

Gradient

#2176DE #6F78C1 #937AA4 #AC7E87 #C0816A #D0854A #DE8921

Color Mixing

#2176DE

100%

#8379B3

75:25

#AC7E87

50:50

#C8835A

25:75

#DE8921

100%

CSS Gradient Code

background: linear-gradient(to right, #2176DE, #DE8921);
background: linear-gradient(135deg, #2176DE, #DE8921);

Explore Each Color

#2176DE

View full color details

#DE8921

View full color details

Related Comparisons