#5BAF80

#5BAF80

#AF5B8A

#AF5B8A

Contrast Ratio

1.68:1

Delta E

82.59

Very Different

50:50 Mix

#908986

Color Values

Format #5BAF80 #AF5B8A
HEX #5BAF80 #AF5B8A
RGB 91, 175, 128 175, 91, 138
HSL 146.4, 34.4%, 52.2% 326.4, 34.4%, 52.2%
HSV 146.4, 48.0%, 68.6% 326.4, 48.0%, 68.6%
CMYK 48.0%, 0.0%, 26.9%, 31.4% 0.0%, 48.0%, 21.1%, 31.4%
OKLCH 0.6881 0.1085 157.4 0.5851 0.1229 346.9

Contrast & Accessibility

1.68:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF5B8A → Background: #5BAF80

The quick brown fox jumps over the lazy dog

Text: #5BAF80 → Background: #AF5B8A

Color Difference (Delta E)

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

Gradient

#5BAF80 #71A382 #829684 #908986 #9C7B87 #A66C89 #AF5B8A

Color Mixing

#5BAF80

100%

#7A9D83

75:25

#908986

50:50

#A17488

25:75

#AF5B8A

100%

CSS Gradient Code

background: linear-gradient(to right, #5BAF80, #AF5B8A);
background: linear-gradient(135deg, #5BAF80, #AF5B8A);

Explore Each Color

#5BAF80

View full color details

#AF5B8A

View full color details

Related Comparisons