#5BAF84

#5BAF84

#AF5B86

#AF5B86

Contrast Ratio

1.7:1

Delta E

80.0

Very Different

50:50 Mix

#908985

Color Values

Format #5BAF84 #AF5B86
HEX #5BAF84 #AF5B86
RGB 91, 175, 132 175, 91, 134
HSL 149.3, 34.4%, 52.2% 329.3, 34.4%, 52.2%
HSV 149.3, 48.0%, 68.6% 329.3, 48.0%, 68.6%
CMYK 48.0%, 0.0%, 24.6%, 31.4% 0.0%, 48.0%, 23.4%, 31.4%
OKLCH 0.6891 0.1049 159.6 0.5836 0.1204 349.5

Contrast & Accessibility

1.7:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF5B86 → Background: #5BAF84

The quick brown fox jumps over the lazy dog

Text: #5BAF84 → Background: #AF5B86

Color Difference (Delta E)

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

Gradient

#5BAF84 #71A385 #829685 #908985 #9C7B86 #A66C86 #AF5B86

Color Mixing

#5BAF84

100%

#7A9D85

75:25

#908985

50:50

#A17486

25:75

#AF5B86

100%

CSS Gradient Code

background: linear-gradient(to right, #5BAF84, #AF5B86);
background: linear-gradient(135deg, #5BAF84, #AF5B86);

Explore Each Color

#5BAF84

View full color details

#AF5B86

View full color details

Related Comparisons