#21A2C0

#21A2C0

#C03F21

#C03F21

Contrast Ratio

1.76:1

Delta E

102.43

Very Different

50:50 Mix

#9D776F

Color Values

Format #21A2C0 #C03F21
HEX #21A2C0 #C03F21
RGB 33, 162, 192 192, 63, 33
HSL 191.3, 70.7%, 44.1% 11.3, 70.7%, 44.1%
HSV 191.3, 82.8%, 75.3% 11.3, 82.8%, 75.3%
CMYK 82.8%, 15.6%, 0.0%, 24.7% 0.0%, 67.2%, 82.8%, 24.7%
OKLCH 0.66 0.1121 218.4 0.549 0.1705 34.3

Contrast & Accessibility

1.76:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C03F21 → Background: #21A2C0

The quick brown fox jumps over the lazy dog

Text: #21A2C0 → Background: #C03F21

Color Difference (Delta E)

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

Gradient

#21A2C0 #6994A4 #888689 #9D776F #AC6755 #B7553C #C03F21

Color Mixing

#21A2C0

100%

#7B8D97

75:25

#9D776F

50:50

#B25E48

25:75

#C03F21

100%

CSS Gradient Code

background: linear-gradient(to right, #21A2C0, #C03F21);
background: linear-gradient(135deg, #21A2C0, #C03F21);

Explore Each Color

#21A2C0

View full color details

#C03F21

View full color details

Related Comparisons