#3CCECF

#3CCECF

#CF3D3C

#CF3D3C

Contrast Ratio

2.49:1

Delta E

107.93

Very Different

50:50 Mix

#AF8F82

Color Values

Format #3CCECF #CF3D3C
HEX #3CCECF #CF3D3C
RGB 60, 206, 207 207, 61, 60
HSL 180.4, 60.5%, 52.4% 0.4, 60.5%, 52.4%
HSV 180.4, 71.0%, 81.2% 0.4, 71.0%, 81.2%
CMYK 71.0%, 0.5%, 0.0%, 18.8% 0.0%, 70.5%, 71.0%, 18.8%
OKLCH 0.7778 0.1191 195.7 0.5752 0.1832 25.4

Contrast & Accessibility

2.49:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CF3D3C → Background: #3CCECF

The quick brown fox jumps over the lazy dog

Text: #3CCECF → Background: #CF3D3C

Color Difference (Delta E)

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

Gradient

#3CCECF #7BBAB5 #9AA59B #AF8F82 #BE786A #C85E53 #CF3D3C

Color Mixing

#3CCECF

100%

#8DAFA8

75:25

#AF8F82

50:50

#C36B5E

25:75

#CF3D3C

100%

CSS Gradient Code

background: linear-gradient(to right, #3CCECF, #CF3D3C);
background: linear-gradient(135deg, #3CCECF, #CF3D3C);

Explore Each Color

#3CCECF

View full color details

#CF3D3C

View full color details

Related Comparisons