#21ABD0

#21ABD0

#D04621

#D04621

Contrast Ratio

1.7:1

Delta E

109.52

Very Different

50:50 Mix

#AA7F78

Color Values

Format #21ABD0 #D04621
HEX #21ABD0 #D04621
RGB 33, 171, 208 208, 70, 33
HSL 192.7, 72.6%, 47.3% 12.7, 72.6%, 47.3%
HSV 192.7, 84.1%, 81.6% 12.7, 84.1%, 81.6%
CMYK 84.1%, 17.8%, 0.0%, 18.4% 0.0%, 66.3%, 84.1%, 18.4%
OKLCH 0.6889 0.1206 221.8 0.5837 0.1807 35.4

Contrast & Accessibility

1.7:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #D04621 → Background: #21ABD0

The quick brown fox jumps over the lazy dog

Text: #21ABD0 → Background: #D04621

Color Difference (Delta E)

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

Gradient

#21ABD0 #719DB2 #938E94 #AA7F78 #BA6F5B #C65C3F #D04621

Color Mixing

#21ABD0

100%

#8496A3

75:25

#AA7F78

50:50

#C1664D

25:75

#D04621

100%

CSS Gradient Code

background: linear-gradient(to right, #21ABD0, #D04621);
background: linear-gradient(135deg, #21ABD0, #D04621);

Explore Each Color

#21ABD0

View full color details

#D04621

View full color details

Related Comparisons