#21B4C0

#21B4C0

#C02D21

#C02D21

Contrast Ratio

2.3:1

Delta E

109.34

Very Different

50:50 Mix

#A17C6E

Color Values

Format #21B4C0 #C02D21
HEX #21B4C0 #C02D21
RGB 33, 180, 192 192, 45, 33
HSL 184.5, 70.7%, 44.1% 4.5, 70.7%, 44.1%
HSV 184.5, 82.8%, 75.3% 4.5, 82.8%, 75.3%
CMYK 82.8%, 6.2%, 0.0%, 24.7% 0.0%, 76.6%, 82.8%, 24.7%
OKLCH 0.7042 0.1144 203.7 0.531 0.1853 29.4

Contrast & Accessibility

2.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C02D21 → Background: #21B4C0

The quick brown fox jumps over the lazy dog

Text: #21B4C0 → Background: #C02D21

Color Difference (Delta E)

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

Gradient

#21B4C0 #6DA2A4 #8D8F88 #A17C6E #AF6654 #B94E3A #C02D21

Color Mixing

#21B4C0

100%

#7F9996

75:25

#A17C6E

50:50

#B55B47

25:75

#C02D21

100%

CSS Gradient Code

background: linear-gradient(to right, #21B4C0, #C02D21);
background: linear-gradient(135deg, #21B4C0, #C02D21);

Explore Each Color

#21B4C0

View full color details

#C02D21

View full color details

Related Comparisons