#9987AF

#9987AF

#9DAF87

#9DAF87

对比度

1.38:1

Delta E

47.66

Very Different

50:50 混合

#9D9B9C

颜色值

格式 #9987AF #9DAF87
HEX #9987AF #9DAF87
RGB 153, 135, 175 157, 175, 135
HSL 267.0, 20.0%, 60.8% 87.0, 20.0%, 60.8%
HSV 267.0, 22.9%, 68.6% 87.0, 22.9%, 68.6%
CMYK 12.6%, 22.9%, 0.0%, 31.4% 10.3%, 0.0%, 22.9%, 31.4%
OKLCH 0.6536 0.0618 305.2 0.7294 0.0594 127.5

对比度与无障碍

1.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DAF87 → 背景色: #9987AF

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

文本: #9987AF → 背景色: #9DAF87

色差 (Delta E)

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

渐变

#9987AF #9B8EA9 #9C94A2 #9D9B9C #9DA295 #9DA88E #9DAF87

颜色混合

#9987AF

100%

#9B91A5

75:25

#9D9B9C

50:50

#9DA591

25:75

#9DAF87

100%

CSS渐变代码

background: linear-gradient(to right, #9987AF, #9DAF87);
background: linear-gradient(135deg, #9987AF, #9DAF87);

探索每种颜色

#9987AF

查看完整颜色详情

#9DAF87

查看完整颜色详情

相关比较