#217F8D

#217F8D

#8D2F21

#8D2F21

Contrast Ratio

1.75:1

Delta E

77.24

Very Different

50:50 Mix

#745C55

Color Values

Format #217F8D #8D2F21
HEX #217F8D #8D2F21
RGB 33, 127, 141 141, 47, 33
HSL 187.8, 62.1%, 34.1% 7.8, 62.1%, 34.1%
HSV 187.8, 76.6%, 55.3% 7.8, 76.6%, 55.3%
CMYK 76.6%, 9.9%, 0.0%, 44.7% 0.0%, 66.7%, 76.6%, 44.7%
OKLCH 0.5501 0.0857 209.7 0.4423 0.1304 31.2

Contrast & Accessibility

1.75:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #8D2F21 → Background: #217F8D

The quick brown fox jumps over the lazy dog

Text: #217F8D → Background: #8D2F21

Color Difference (Delta E)

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

Gradient

#217F8D #4E747A #656867 #745C55 #7F4F44 #874032 #8D2F21

Color Mixing

#217F8D

100%

#5B6E71

75:25

#745C55

50:50

#83483B

25:75

#8D2F21

100%

CSS Gradient Code

background: linear-gradient(to right, #217F8D, #8D2F21);
background: linear-gradient(135deg, #217F8D, #8D2F21);

Explore Each Color

#217F8D

View full color details

#8D2F21

View full color details

Related Comparisons