#8C84A5

#8C84A5

#9DA584

#9DA584

对比度

1.37:1

Delta E

38.7

Very Different

50:50 混合

#969495

颜色值

格式 #8C84A5 #9DA584
HEX #8C84A5 #9DA584
RGB 140, 132, 165 157, 165, 132
HSL 254.5, 15.5%, 58.2% 74.5, 15.5%, 58.2%
HSV 254.5, 20.0%, 64.7% 74.5, 20.0%, 64.7%
CMYK 15.2%, 20.0%, 0.0%, 35.3% 4.8%, 0.0%, 20.0%, 35.3%
OKLCH 0.632 0.0497 296.1 0.7066 0.0472 118.7

对比度与无障碍

1.37:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA584 → 背景色: #8C84A5

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

文本: #8C84A5 → 背景色: #9DA584

色差 (Delta E)

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

渐变

#8C84A5 #9089A0 #938F9A #969495 #989A8F #9B9F8A #9DA584

颜色混合

#8C84A5

100%

#918C9D

75:25

#969495

50:50

#9A9D8D

25:75

#9DA584

100%

CSS渐变代码

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

探索每种颜色

#8C84A5

查看完整颜色详情

#9DA584

查看完整颜色详情

相关比较