#8A84A3

#8A84A3

#9DA384

#9DA384

对比度

1.35:1

Delta E

36.29

Very Different

50:50 混合

#959394

颜色值

格式 #8A84A3 #9DA384
HEX #8A84A3 #9DA384
RGB 138, 132, 163 157, 163, 132
HSL 251.6, 14.4%, 57.8% 71.6, 14.4%, 57.8%
HSV 251.6, 19.0%, 63.9% 71.6, 19.0%, 63.9%
CMYK 15.3%, 19.0%, 0.0%, 36.1% 3.7%, 0.0%, 19.0%, 36.1%
OKLCH 0.6294 0.0465 293.9 0.7022 0.0441 116.4

对比度与无障碍

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA384 → 背景色: #8A84A3

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

文本: #8A84A3 → 背景色: #9DA384

色差 (Delta E)

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

渐变

#8A84A3 #8E899E #918E99 #959394 #98998F #9A9E89 #9DA384

颜色混合

#8A84A3

100%

#908C9C

75:25

#959394

50:50

#999B8C

25:75

#9DA384

100%

CSS渐变代码

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

探索每种颜色

#8A84A3

查看完整颜色详情

#9DA384

查看完整颜色详情

相关比较