#21828D

#21828D

#8D2C21

#8D2C21

Contrast Ratio

1.85:1

Delta E

78.7

Very Different

50:50 Mix

#755C55

Color Values

Format #21828D #8D2C21
HEX #21828D #8D2C21
RGB 33, 130, 141 141, 44, 33
HSL 186.1, 62.1%, 34.1% 6.1, 62.1%, 34.1%
HSV 186.1, 76.6%, 55.3% 6.1, 76.6%, 55.3%
CMYK 76.6%, 7.8%, 0.0%, 44.7% 0.0%, 68.8%, 76.6%, 44.7%
OKLCH 0.5579 0.0866 206.4 0.4386 0.1334 29.8

Contrast & Accessibility

1.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #8D2C21 → Background: #21828D

The quick brown fox jumps over the lazy dog

Text: #21828D → Background: #8D2C21

Color Difference (Delta E)

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

Gradient

#21828D #4F767A #666967 #755C55 #7F4E43 #873F32 #8D2C21

Color Mixing

#21828D

100%

#5C7071

75:25

#755C55

50:50

#83473B

25:75

#8D2C21

100%

CSS Gradient Code

background: linear-gradient(to right, #21828D, #8D2C21);
background: linear-gradient(135deg, #21828D, #8D2C21);

Explore Each Color

#21828D

View full color details

#8D2C21

View full color details

Related Comparisons