#8C87A2

#8C87A2

#9DA287

#9DA287

对比度

1.3:1

Delta E

31.57

Very Different

50:50 混合

#959495

颜色值

格式 #8C87A2 #9DA287
HEX #8C87A2 #9DA287
RGB 140, 135, 162 157, 162, 135
HSL 251.1, 12.7%, 58.2% 71.1, 12.7%, 58.2%
HSV 251.1, 16.7%, 63.5% 71.1, 16.7%, 63.5%
CMYK 13.6%, 16.7%, 0.0%, 36.5% 3.1%, 0.0%, 16.7%, 36.5%
OKLCH 0.637 0.0404 293.7 0.7007 0.0385 115.9

对比度与无障碍

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA287 → 背景色: #8C87A2

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

文本: #8C87A2 → 背景色: #9DA287

色差 (Delta E)

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

渐变

#8C87A2 #8F8B9E #929099 #959495 #989990 #9B9D8C #9DA287

颜色混合

#8C87A2

100%

#918E9B

75:25

#959495

50:50

#999B8E

25:75

#9DA287

100%

CSS渐变代码

background: linear-gradient(to right, #8C87A2, #9DA287);
background: linear-gradient(135deg, #8C87A2, #9DA287);

探索每种颜色

#8C87A2

查看完整颜色详情

#9DA287

查看完整颜色详情

相关比较