#36C2DC

#36C2DC

#DC5036

#DC5036

Contrast Ratio

1.89:1

Delta E

107.28

Very Different

50:50 Mix

#B59087

Color Values

Format #36C2DC #DC5036
HEX #36C2DC #DC5036
RGB 54, 194, 220 220, 80, 54
HSL 189.4, 70.3%, 53.7% 9.4, 70.3%, 53.7%
HSV 189.4, 75.5%, 86.3% 9.4, 75.5%, 86.3%
CMYK 75.5%, 11.8%, 0.0%, 13.7% 0.0%, 63.6%, 75.5%, 13.7%
OKLCH 0.7527 0.1195 213.3 0.6168 0.1802 32.6

Contrast & Accessibility

1.89:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DC5036 → Background: #36C2DC

The quick brown fox jumps over the lazy dog

Text: #36C2DC → Background: #DC5036

Color Difference (Delta E)

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

Gradient

#36C2DC #7CB2BF #9EA1A3 #B59087 #C67D6B #D26851 #DC5036

Color Mixing

#36C2DC

100%

#8FAAB1

75:25

#B59087

50:50

#CD735E

25:75

#DC5036

100%

CSS Gradient Code

background: linear-gradient(to right, #36C2DC, #DC5036);
background: linear-gradient(135deg, #36C2DC, #DC5036);

Explore Each Color

#36C2DC

View full color details

#DC5036

View full color details

Related Comparisons