#3DDFC5

#3DDFC5

#DF3D57

#DF3D57

Contrast Ratio

2.54:1

Delta E

116.13

Very Different

50:50 Mix

#B89B8C

Color Values

Format #3DDFC5 #DF3D57
HEX #3DDFC5 #DF3D57
RGB 61, 223, 197 223, 61, 87
HSL 170.4, 71.7%, 55.7% 350.4, 71.7%, 55.7%
HSV 170.4, 72.6%, 87.5% 350.4, 72.6%, 87.5%
CMYK 72.6%, 0.0%, 11.7%, 12.5% 0.0%, 72.6%, 61.0%, 12.5%
OKLCH 0.816 0.1353 179.3 0.6068 0.1974 16.6

Contrast & Accessibility

2.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF3D57 → Background: #3DDFC5

The quick brown fox jumps over the lazy dog

Text: #3DDFC5 → Background: #DF3D57

Color Difference (Delta E)

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

Gradient

#3DDFC5 #7FC9B1 #A0B39E #B89B8C #C88179 #D56468 #DF3D57

Color Mixing

#3DDFC5

100%

#91BEA8

75:25

#B89B8C

50:50

#CF7370

25:75

#DF3D57

100%

CSS Gradient Code

background: linear-gradient(to right, #3DDFC5, #DF3D57);
background: linear-gradient(135deg, #3DDFC5, #DF3D57);

Explore Each Color

#3DDFC5

View full color details

#DF3D57

View full color details

Related Comparisons