#3FAF79

#3FAF79

#AF3F75

#AF3F75

Contrast Ratio

2.01:1

Delta E

100.44

Very Different

50:50 Mix

#8B7F78

Color Values

Format #3FAF79 #AF3F75
HEX #3FAF79 #AF3F75
RGB 63, 175, 121 175, 63, 117
HSL 151.1, 47.1%, 46.7% 331.1, 47.1%, 46.7%
HSV 151.1, 64.0%, 68.6% 331.1, 64.0%, 68.6%
CMYK 64.0%, 0.0%, 30.9%, 31.4% 0.0%, 64.0%, 33.1%, 31.4%
OKLCH 0.6763 0.1299 158.7 0.5391 0.1556 353.7

Contrast & Accessibility

2.01:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF3F75 → Background: #3FAF79

The quick brown fox jumps over the lazy dog

Text: #3FAF79 → Background: #AF3F75

Color Difference (Delta E)

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

Gradient

#3FAF79 #63A079 #7A9078 #8B7F78 #996D77 #A55976 #AF3F75

Color Mixing

#3FAF79

100%

#709878

75:25

#8B7F78

50:50

#A06376

25:75

#AF3F75

100%

CSS Gradient Code

background: linear-gradient(to right, #3FAF79, #AF3F75);
background: linear-gradient(135deg, #3FAF79, #AF3F75);

Explore Each Color

#3FAF79

View full color details

#AF3F75

View full color details

Related Comparisons