#21ACD0

#21ACD0

#D04521

#D04521

Contrast Ratio

1.73:1

Delta E

109.78

Very Different

50:50 Mix

#AA7F77

Color Values

Format #21ACD0 #D04521
HEX #21ACD0 #D04521
RGB 33, 172, 208 208, 69, 33
HSL 192.3, 72.6%, 47.3% 12.3, 72.6%, 47.3%
HSV 192.3, 84.1%, 81.6% 12.3, 84.1%, 81.6%
CMYK 84.1%, 17.3%, 0.0%, 18.4% 0.0%, 66.8%, 84.1%, 18.4%
OKLCH 0.6913 0.1204 221.0 0.5825 0.1816 35.1

Contrast & Accessibility

1.73:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #D04521 → Background: #21ACD0

The quick brown fox jumps over the lazy dog

Text: #21ACD0 → Background: #D04521

Color Difference (Delta E)

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

Gradient

#21ACD0 #719EB2 #938F94 #AA7F77 #BA6F5B #C75C3F #D04521

Color Mixing

#21ACD0

100%

#8496A3

75:25

#AA7F77

50:50

#C1664D

25:75

#D04521

100%

CSS Gradient Code

background: linear-gradient(to right, #21ACD0, #D04521);
background: linear-gradient(135deg, #21ACD0, #D04521);

Explore Each Color

#21ACD0

View full color details

#D04521

View full color details

Related Comparisons