#3ADF7D

#3ADF7D

#DF3A9C

#DF3A9C

Contrast Ratio

2.3:1

Delta E

145.45

Very Different

50:50 Mix

#AF9E8F

Color Values

Format #3ADF7D #DF3A9C
HEX #3ADF7D #DF3A9C
RGB 58, 223, 125 223, 58, 156
HSL 144.4, 72.1%, 55.1% 324.4, 72.1%, 55.1%
HSV 144.4, 74.0%, 87.5% 324.4, 74.0%, 87.5%
CMYK 74.0%, 0.0%, 43.9%, 12.5% 0.0%, 74.0%, 30.0%, 12.5%
OKLCH 0.7988 0.1912 152.1 0.6245 0.219 349.0

Contrast & Accessibility

2.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF3A9C → Background: #3ADF7D

The quick brown fox jumps over the lazy dog

Text: #3ADF7D → Background: #DF3A9C

Color Difference (Delta E)

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

Gradient

#3ADF7D #76CA84 #97B589 #AF9E8F #C28494 #D26698 #DF3A9C

Color Mixing

#3ADF7D

100%

#88C087

75:25

#AF9E8F

50:50

#CA7696

25:75

#DF3A9C

100%

CSS Gradient Code

background: linear-gradient(to right, #3ADF7D, #DF3A9C);
background: linear-gradient(135deg, #3ADF7D, #DF3A9C);

Explore Each Color

#3ADF7D

View full color details

#DF3A9C

View full color details

Related Comparisons