#4DF6D2

#4DF6D2

#F64D71

#F64D71

Contrast Ratio

2.48:1

Delta E

121.85

Very Different

50:50 Mix

#C9AEA0

Color Values

Format #4DF6D2 #F64D71
HEX #4DF6D2 #F64D71
RGB 77, 246, 210 246, 77, 113
HSL 167.2, 90.4%, 63.3% 347.2, 90.4%, 63.3%
HSV 167.2, 68.7%, 96.5% 347.2, 68.7%, 96.5%
CMYK 68.7%, 0.0%, 14.6%, 3.5% 0.0%, 68.7%, 54.1%, 3.5%
OKLCH 0.8784 0.1462 175.3 0.665 0.2048 12.3

Contrast & Accessibility

2.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F64D71 → Background: #4DF6D2

The quick brown fox jumps over the lazy dog

Text: #4DF6D2 → Background: #F64D71

Color Difference (Delta E)

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

Gradient

#4DF6D2 #8DDFC1 #B0C7B0 #C9AEA0 #DC9390 #EB7480 #F64D71

Color Mixing

#4DF6D2

100%

#A0D3B8

75:25

#C9AEA0

50:50

#E48488

25:75

#F64D71

100%

CSS Gradient Code

background: linear-gradient(to right, #4DF6D2, #F64D71);
background: linear-gradient(135deg, #4DF6D2, #F64D71);

Explore Each Color

#4DF6D2

View full color details

#F64D71

View full color details

Related Comparisons