#2BAF70

#2BAF70

#AF2B6A

#AF2B6A

Contrast Ratio

2.21:1

Delta E

112.4

Very Different

50:50 Mix

#8A7A6E

Color Values

Format #2BAF70 #AF2B6A
HEX #2BAF70 #AF2B6A
RGB 43, 175, 112 175, 43, 106
HSL 151.4, 60.6%, 42.7% 331.4, 60.6%, 42.7%
HSV 151.4, 75.4%, 68.6% 331.4, 75.4%, 68.6%
CMYK 75.4%, 0.0%, 36.0%, 31.4% 0.0%, 75.4%, 39.4%, 31.4%
OKLCH 0.6694 0.1456 157.1 0.5148 0.1759 356.3

Contrast & Accessibility

2.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF2B6A → Background: #2BAF70

The quick brown fox jumps over the lazy dog

Text: #2BAF70 → Background: #AF2B6A

Color Difference (Delta E)

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

Gradient

#2BAF70 #5C9E6F #768D6F #8A7A6E #99666D #A54D6B #AF2B6A

Color Mixing

#2BAF70

100%

#6A966F

75:25

#8A7A6E

50:50

#9F5A6C

25:75

#AF2B6A

100%

CSS Gradient Code

background: linear-gradient(to right, #2BAF70, #AF2B6A);
background: linear-gradient(135deg, #2BAF70, #AF2B6A);

Explore Each Color

#2BAF70

View full color details

#AF2B6A

View full color details

Related Comparisons