#40C6CC

#40C6CC

#CC4640

#CC4640

Contrast Ratio

2.25:1

Delta E

100.69

Very Different

50:50 Mix

#AB8D83

Color Values

Format #40C6CC #CC4640
HEX #40C6CC #CC4640
RGB 64, 198, 204 204, 70, 64
HSL 182.6, 57.9%, 52.5% 2.6, 57.9%, 52.5%
HSV 182.6, 68.6%, 80.0% 2.6, 68.6%, 80.0%
CMYK 68.6%, 2.9%, 0.0%, 20.0% 0.0%, 65.7%, 68.6%, 20.0%
OKLCH 0.7584 0.1128 199.4 0.5805 0.171 26.4

Contrast & Accessibility

2.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC4640 → Background: #40C6CC

The quick brown fox jumps over the lazy dog

Text: #40C6CC → Background: #CC4640

Color Difference (Delta E)

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

Gradient

#40C6CC #79B4B3 #97A19B #AB8D83 #BA796C #C46256 #CC4640

Color Mixing

#40C6CC

100%

#8AAAA7

75:25

#AB8D83

50:50

#BF6D61

25:75

#CC4640

100%

CSS Gradient Code

background: linear-gradient(to right, #40C6CC, #CC4640);
background: linear-gradient(135deg, #40C6CC, #CC4640);

Explore Each Color

#40C6CC

View full color details

#CC4640

View full color details

Related Comparisons