#24BAC0

#24BAC0

#C02A24

#C02A24

Contrast Ratio

2.46:1

Delta E

110.38

Very Different

50:50 Mix

#A27E6F

Color Values

Format #24BAC0 #C02A24
HEX #24BAC0 #C02A24
RGB 36, 186, 192 192, 42, 36
HSL 182.3, 68.4%, 44.7% 2.3, 68.4%, 44.7%
HSV 182.3, 81.3%, 75.3% 2.3, 81.3%, 75.3%
CMYK 81.3%, 3.1%, 0.0%, 24.7% 0.0%, 78.1%, 81.3%, 24.7%
OKLCH 0.7195 0.1161 199.2 0.5288 0.1871 28.0

Contrast & Accessibility

2.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C02A24 → Background: #24BAC0

The quick brown fox jumps over the lazy dog

Text: #24BAC0 → Background: #C02A24

Color Difference (Delta E)

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

Gradient

#24BAC0 #6EA7A4 #8E9389 #A27E6F #B06855 #BA4E3C #C02A24

Color Mixing

#24BAC0

100%

#809D97

75:25

#A27E6F

50:50

#B55B49

25:75

#C02A24

100%

CSS Gradient Code

background: linear-gradient(to right, #24BAC0, #C02A24);
background: linear-gradient(135deg, #24BAC0, #C02A24);

Explore Each Color

#24BAC0

View full color details

#C02A24

View full color details

Related Comparisons