#3FCCC6

#3FCCC6

#CC3F45

#CC3F45

Contrast Ratio

2.44:1

Delta E

104.15

Very Different

50:50 Mix

#AB8F83

Color Values

Format #3FCCC6 #CC3F45
HEX #3FCCC6 #CC3F45
RGB 63, 204, 198 204, 63, 69
HSL 177.4, 58.0%, 52.4% 357.4, 58.0%, 52.4%
HSV 177.4, 69.1%, 80.0% 357.4, 69.1%, 80.0%
CMYK 69.1%, 0.0%, 2.9%, 20.0% 0.0%, 69.1%, 66.2%, 20.0%
OKLCH 0.7706 0.1175 190.8 0.5736 0.1773 22.5

Contrast & Accessibility

2.44:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC3F45 → Background: #3FCCC6

The quick brown fox jumps over the lazy dog

Text: #3FCCC6 → Background: #CC3F45

Color Difference (Delta E)

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

Gradient

#3FCCC6 #79B8AF #97A499 #AB8F83 #BA786D #C45F59 #CC3F45

Color Mixing

#3FCCC6

100%

#8AAEA4

75:25

#AB8F83

50:50

#BF6C63

25:75

#CC3F45

100%

CSS Gradient Code

background: linear-gradient(to right, #3FCCC6, #CC3F45);
background: linear-gradient(135deg, #3FCCC6, #CC3F45);

Explore Each Color

#3FCCC6

View full color details

#CC3F45

View full color details

Related Comparisons