#36C1CC

#36C1CC

#CC4136

#CC4136

Contrast Ratio

2.21:1

Delta E

104.39

Very Different

50:50 Mix

#AA897E

Color Values

Format #36C1CC #CC4136
HEX #36C1CC #CC4136
RGB 54, 193, 204 204, 65, 54
HSL 184.4, 59.5%, 50.6% 4.4, 59.5%, 50.6%
HSV 184.4, 73.5%, 80.0% 4.4, 73.5%, 80.0%
CMYK 73.5%, 5.4%, 0.0%, 20.0% 0.0%, 68.1%, 73.5%, 20.0%
OKLCH 0.7441 0.1146 203.0 0.5735 0.1773 28.4

Contrast & Accessibility

2.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC4136 → Background: #36C1CC

The quick brown fox jumps over the lazy dog

Text: #36C1CC → Background: #CC4136

Color Difference (Delta E)

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

Gradient

#36C1CC #76AFB1 #969C97 #AA897E #B97465 #C45D4D #CC4136

Color Mixing

#36C1CC

100%

#88A6A4

75:25

#AA897E

50:50

#BF6959

25:75

#CC4136

100%

CSS Gradient Code

background: linear-gradient(to right, #36C1CC, #CC4136);
background: linear-gradient(135deg, #36C1CC, #CC4136);

Explore Each Color

#36C1CC

View full color details

#CC4136

View full color details

Related Comparisons