#3FAF49

#3FAF49

#AF3FA5

#AF3FA5

Contrast Ratio

1.82:1

Delta E

134.43

Very Different

50:50 Mix

Color Values

Format #3FAF49 #AF3FA5
HEX #3FAF49 #AF3FA5
RGB 63, 175, 73 175, 63, 165
HSL 125.4, 47.1%, 46.7% 305.4, 47.1%, 46.7%
HSV 125.4, 64.0%, 68.6% 305.4, 64.0%, 68.6%
CMYK 64.0%, 0.0%, 58.3%, 31.4% 0.0%, 64.0%, 5.7%, 31.4%
OKLCH 0.6678 0.1741 144.8 0.5602 0.1874 331.5

Contrast & Accessibility

1.82:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF3FA5 β†’ Background: #3FAF49

The quick brown fox jumps over the lazy dog

Text: #3FAF49 β†’ Background: #AF3FA5

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #3FAF49, #AF3FA5);
background: linear-gradient(135deg, #3FAF49, #AF3FA5);

Explore Each Color

Related Comparisons