#40CCCC

#40CCCC

#CC4040

#CC4040

Contrast Ratio

2.45:1

Delta E

104.26

Very Different

50:50 Mix

#AD8F83

Color Values

Format #40CCCC #CC4040
HEX #40CCCC #CC4040
RGB 64, 204, 204 204, 64, 64
HSL 180.0, 57.9%, 52.5% 0.0, 57.9%, 52.5%
HSV 180.0, 68.6%, 80.0% 0.0, 68.6%, 80.0%
CMYK 68.6%, 0.0%, 0.0%, 20.0% 0.0%, 68.6%, 68.6%, 20.0%
OKLCH 0.7728 0.1163 195.0 0.5739 0.1768 24.6

Contrast & Accessibility

2.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC4040 → Background: #40CCCC

The quick brown fox jumps over the lazy dog

Text: #40CCCC → Background: #CC4040

Color Difference (Delta E)

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

Gradient

#40CCCC #7AB8B3 #99A49B #AD8F83 #BB786C #C55F56 #CC4040

Color Mixing

#40CCCC

100%

#8BAEA7

75:25

#AD8F83

50:50

#C06C61

25:75

#CC4040

100%

CSS Gradient Code

background: linear-gradient(to right, #40CCCC, #CC4040);
background: linear-gradient(135deg, #40CCCC, #CC4040);

Explore Each Color

#40CCCC

View full color details

#CC4040

View full color details

Related Comparisons