#3FCCC1

#3FCCC1

#CC3F4A

#CC3F4A

Contrast Ratio

2.43:1

Delta E

103.86

Very Different

50:50 Mix

#AA8F83

Color Values

Format #3FCCC1 #CC3F4A
HEX #3FCCC1 #CC3F4A
RGB 63, 204, 193 204, 63, 74
HSL 175.3, 58.0%, 52.4% 355.3, 58.0%, 52.4%
HSV 175.3, 69.1%, 80.0% 355.3, 69.1%, 80.0%
CMYK 69.1%, 0.0%, 5.4%, 20.0% 0.0%, 69.1%, 63.7%, 20.0%
OKLCH 0.7689 0.1186 187.4 0.5745 0.1769 20.5

Contrast & Accessibility

2.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC3F4A → Background: #3FCCC1

The quick brown fox jumps over the lazy dog

Text: #3FCCC1 → Background: #CC3F4A

Color Difference (Delta E)

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

Gradient

#3FCCC1 #78B8AC #96A497 #AA8F83 #B9786F #C45F5C #CC3F4A

Color Mixing

#3FCCC1

100%

#88AEA1

75:25

#AA8F83

50:50

#BF6C66

25:75

#CC3F4A

100%

CSS Gradient Code

background: linear-gradient(to right, #3FCCC1, #CC3F4A);
background: linear-gradient(135deg, #3FCCC1, #CC3F4A);

Explore Each Color

#3FCCC1

View full color details

#CC3F4A

View full color details

Related Comparisons