#21777A

#21777A

#7A2421

#7A2421

Contrast Ratio

1.9:1

Delta E

70.68

Very Different

50:50 Mix

#66534C

Color Values

Format #21777A #7A2421
HEX #21777A #7A2421
RGB 33, 119, 122 122, 36, 33
HSL 182.0, 57.4%, 30.4% 2.0, 57.4%, 30.4%
HSV 182.0, 73.0%, 47.8% 2.0, 73.0%, 47.8%
CMYK 73.0%, 2.5%, 0.0%, 52.2% 0.0%, 70.5%, 73.0%, 52.2%
OKLCH 0.5215 0.0786 198.5 0.3948 0.1201 26.2

Contrast & Accessibility

1.9:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #7A2421 → Background: #21777A

The quick brown fox jumps over the lazy dog

Text: #21777A → Background: #7A2421

Color Difference (Delta E)

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

Gradient

#21777A #466B6A #595F5B #66534C #6F453D #75362F #7A2421

Color Mixing

#21777A

100%

#516562

75:25

#66534C

50:50

#723E36

25:75

#7A2421

100%

CSS Gradient Code

background: linear-gradient(to right, #21777A, #7A2421);
background: linear-gradient(135deg, #21777A, #7A2421);

Explore Each Color

#21777A

View full color details

#7A2421

View full color details

Related Comparisons