#3CCCCC

#3CCCCC

#CC3C3C

#CC3C3C

Contrast Ratio

2.5:1

Delta E

106.72

Very Different

50:50 Mix

#AD8D81

Color Values

Format #3CCCCC #CC3C3C
HEX #3CCCCC #CC3C3C
RGB 60, 204, 204 204, 60, 60
HSL 180.0, 58.5%, 51.8% 0.0, 58.5%, 51.8%
HSV 180.0, 70.6%, 80.0% 0.0, 70.6%, 80.0%
CMYK 70.6%, 0.0%, 0.0%, 20.0% 0.0%, 70.6%, 70.6%, 20.0%
OKLCH 0.7719 0.118 195.0 0.5691 0.1811 25.0

Contrast & Accessibility

2.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC3C3C → Background: #3CCCCC

The quick brown fox jumps over the lazy dog

Text: #3CCCCC → Background: #CC3C3C

Color Difference (Delta E)

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

Gradient

#3CCCCC #79B8B2 #98A399 #AD8D81 #BB7669 #C55D52 #CC3C3C

Color Mixing

#3CCCCC

100%

#8BADA6

75:25

#AD8D81

50:50

#C06A5D

25:75

#CC3C3C

100%

CSS Gradient Code

background: linear-gradient(to right, #3CCCCC, #CC3C3C);
background: linear-gradient(135deg, #3CCCCC, #CC3C3C);

Explore Each Color

#3CCCCC

View full color details

#CC3C3C

View full color details

Related Comparisons