#97AF87

#97AF87

#9F87AF

#9F87AF

Contrast Ratio

1.34:1

Delta E

48.98

Very Different

50:50 Mix

#9D9B9C

Color Values

Format #97AF87 #9F87AF
HEX #97AF87 #9F87AF
RGB 151, 175, 135 159, 135, 175
HSL 96.0, 20.0%, 60.8% 276.0, 20.0%, 60.8%
HSV 96.0, 22.9%, 68.6% 276.0, 22.9%, 68.6%
CMYK 13.7%, 0.0%, 22.9%, 31.4% 9.1%, 22.9%, 0.0%, 31.4%
OKLCH 0.7249 0.0622 133.0 0.6591 0.0642 311.6

Contrast & Accessibility

1.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #9F87AF → Background: #97AF87

The quick brown fox jumps over the lazy dog

Text: #97AF87 → Background: #9F87AF

Color Difference (Delta E)

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

Gradient

#97AF87 #99A98E #9BA295 #9D9B9C #9E95A2 #9F8EA9 #9F87AF

Color Mixing

#97AF87

100%

#9AA591

75:25

#9D9B9C

50:50

#9E91A5

25:75

#9F87AF

100%

CSS Gradient Code

background: linear-gradient(to right, #97AF87, #9F87AF);
background: linear-gradient(135deg, #97AF87, #9F87AF);

Explore Each Color

#97AF87

View full color details

#9F87AF

View full color details

Related Comparisons