#3BAF5B

#3BAF5B

#AF3B8F

#AF3B8F

Contrast Ratio

1.94:1

Delta E

121.78

Very Different

50:50 Mix

#8A7F77

Color Values

Format #3BAF5B #AF3B8F
HEX #3BAF5B #AF3B8F
RGB 59, 175, 91 175, 59, 143
HSL 136.6, 49.6%, 45.9% 316.6, 49.6%, 45.9%
HSV 136.6, 66.3%, 68.6% 316.6, 66.3%, 68.6%
CMYK 66.3%, 0.0%, 48.0%, 31.4% 0.0%, 66.3%, 18.3%, 31.4%
OKLCH 0.6693 0.1596 149.0 0.5452 0.1765 340.5

Contrast & Accessibility

1.94:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF3B8F → Background: #3BAF5B

The quick brown fox jumps over the lazy dog

Text: #3BAF5B → Background: #AF3B8F

Color Difference (Delta E)

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

Gradient

#3BAF5B #61A065 #78906F #8A7F77 #996D80 #A55787 #AF3B8F

Color Mixing

#3BAF5B

100%

#6D986A

75:25

#8A7F77

50:50

#9F6384

25:75

#AF3B8F

100%

CSS Gradient Code

background: linear-gradient(to right, #3BAF5B, #AF3B8F);
background: linear-gradient(135deg, #3BAF5B, #AF3B8F);

Explore Each Color

#3BAF5B

View full color details

#AF3B8F

View full color details

Related Comparisons