#5BAF98

#5BAF98

#AF5B72

#AF5B72

Contrast Ratio

1.76:1

Delta E

69.9

Very Different

50:50 Mix

#928885

Color Values

Format #5BAF98 #AF5B72
HEX #5BAF98 #AF5B72
RGB 91, 175, 152 175, 91, 114
HSL 163.6, 34.4%, 52.2% 343.6, 34.4%, 52.2%
HSV 163.6, 48.0%, 68.6% 343.6, 48.0%, 68.6%
CMYK 48.0%, 0.0%, 13.1%, 31.4% 0.0%, 48.0%, 34.9%, 31.4%
OKLCH 0.6944 0.0896 173.6 0.577 0.1117 3.8

Contrast & Accessibility

1.76:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF5B72 → Background: #5BAF98

The quick brown fox jumps over the lazy dog

Text: #5BAF98 → Background: #AF5B72

Color Difference (Delta E)

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

Gradient

#5BAF98 #72A391 #84968B #928885 #9D7A7E #A76C78 #AF5B72

Color Mixing

#5BAF98

100%

#7C9C8E

75:25

#928885

50:50

#A2737B

25:75

#AF5B72

100%

CSS Gradient Code

background: linear-gradient(to right, #5BAF98, #AF5B72);
background: linear-gradient(135deg, #5BAF98, #AF5B72);

Explore Each Color

#5BAF98

View full color details

#AF5B72

View full color details

Related Comparisons