#87D75F

#87D75F

#AF5FD7

#AF5FD7

对比度

2.19:1

Delta E

141.84

Very Different

50:50 混合

#A9A0A0

颜色值

格式 #87D75F #AF5FD7
HEX #87D75F #AF5FD7
RGB 135, 215, 95 175, 95, 215
HSL 100.0, 60.0%, 60.8% 280.0, 60.0%, 60.8%
HSV 100.0, 55.8%, 84.3% 280.0, 55.8%, 84.3%
CMYK 37.2%, 0.0%, 55.8%, 15.7% 18.6%, 55.8%, 0.0%, 15.7%
OKLCH 0.8017 0.174 136.4 0.6277 0.187 313.0

对比度与无障碍

2.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

敏捷的棕色狐狸跳过了懒狗

文本: #AF5FD7 → 背景色: #87D75F

敏捷的棕色狐狸跳过了懒狗

文本: #87D75F → 背景色: #AF5FD7

色差 (Delta E)

141.84 Very Different
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#87D75F #96C577 #A1B38C #A9A0A0 #AD8CB3 #AF77C5 #AF5FD7

颜色混合

#87D75F

100%

#9CBC82

75:25

#A9A0A0

50:50

#AF82BC

25:75

#AF5FD7

100%

CSS渐变代码

background: linear-gradient(to right, #87D75F, #AF5FD7);
background: linear-gradient(135deg, #87D75F, #AF5FD7);

探索每种颜色

#87D75F

查看完整颜色详情

#AF5FD7

查看完整颜色详情

相关比较