#20AF5F

#20AF5F

#AF2070

#AF2070

Contrast Ratio

2.25:1

Delta E

124.26

Very Different

50:50 Mix

Color Values

Format #20AF5F #AF2070
HEX #20AF5F #AF2070
RGB 32, 175, 95 175, 32, 112
HSL 146.4, 69.1%, 40.6% 326.4, 69.1%, 40.6%
HSV 146.4, 81.7%, 68.6% 326.4, 81.7%, 68.6%
CMYK 81.7%, 0.0%, 45.7%, 31.4% 0.0%, 81.7%, 36.0%, 31.4%
OKLCH 0.6642 0.1642 152.4 0.5088 0.1891 352.4

Contrast & Accessibility

2.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF2070 β†’ Background: #20AF5F

The quick brown fox jumps over the lazy dog

Text: #20AF5F β†’ Background: #AF2070

Color Difference (Delta E)

124.26 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #20AF5F, #AF2070);
background: linear-gradient(135deg, #20AF5F, #AF2070);

Explore Each Color

Related Comparisons