#3FAF97

#3FAF97

#AF3F57

#AF3F57

Contrast Ratio

2.12:1

Delta E

87.95

Very Different

50:50 Mix

#8F7E76

Color Values

Format #3FAF97 #AF3F57
HEX #3FAF97 #AF3F57
RGB 63, 175, 151 175, 63, 87
HSL 167.1, 47.1%, 46.7% 347.1, 47.1%, 46.7%
HSV 167.1, 64.0%, 68.6% 347.1, 64.0%, 68.6%
CMYK 64.0%, 0.0%, 13.7%, 31.4% 0.0%, 64.0%, 50.3%, 31.4%
OKLCH 0.6841 0.1071 176.0 0.5298 0.1466 10.7

Contrast & Accessibility

2.12:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF3F57 → Background: #3FAF97

The quick brown fox jumps over the lazy dog

Text: #3FAF97 → Background: #AF3F57

Color Difference (Delta E)

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

Gradient

#3FAF97 #669F8C #7E8F81 #8F7E76 #9C6C6B #A75861 #AF3F57

Color Mixing

#3FAF97

100%

#739786

75:25

#8F7E76

50:50

#A26266

25:75

#AF3F57

100%

CSS Gradient Code

background: linear-gradient(to right, #3FAF97, #AF3F57);
background: linear-gradient(135deg, #3FAF97, #AF3F57);

Explore Each Color

#3FAF97

View full color details

#AF3F57

View full color details

Related Comparisons