#8C86A3

#8C86A3

#9DA386

#9DA386

对比度

1.32:1

Delta E

33.95

Very Different

50:50 混合

#959495

颜色值

格式 #8C86A3 #9DA386
HEX #8C86A3 #9DA386
RGB 140, 134, 163 157, 163, 134
HSL 252.4, 13.6%, 58.2% 72.4, 13.6%, 58.2%
HSV 252.4, 17.8%, 63.9% 72.4, 17.8%, 63.9%
CMYK 14.1%, 17.8%, 0.0%, 36.1% 3.7%, 0.0%, 17.8%, 36.1%
OKLCH 0.6353 0.0435 294.6 0.7027 0.0414 117.0

对比度与无障碍

1.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA386 → 背景色: #8C86A3

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

文本: #8C86A3 → 背景色: #9DA386

色差 (Delta E)

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

渐变

#8C86A3 #8F8B9E #93909A #959495 #989990 #9B9E8B #9DA386

颜色混合

#8C86A3

100%

#918D9C

75:25

#959495

50:50

#999C8E

25:75

#9DA386

100%

CSS渐变代码

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

探索每种颜色

#8C86A3

查看完整颜色详情

#9DA386

查看完整颜色详情

相关比较