#83A464

#83A464

#8564A4

#8564A4

对比度

1.71:1

Delta E

78.43

Very Different

50:50 混合

#898586

颜色值

格式 #83A464 #8564A4
HEX #83A464 #8564A4
RGB 131, 164, 100 133, 100, 164
HSL 90.9, 26.0%, 51.8% 270.9, 26.0%, 51.8%
HSV 90.9, 39.0%, 64.3% 270.9, 39.0%, 64.3%
CMYK 20.1%, 0.0%, 39.0%, 35.7% 18.9%, 39.0%, 0.0%, 35.7%
OKLCH 0.6781 0.0963 130.8 0.5621 0.1027 307.1

对比度与无障碍

1.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #8564A4 → 背景色: #83A464

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

文本: #83A464 → 背景色: #8564A4

色差 (Delta E)

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

渐变

#83A464 #869A70 #888F7B #898586 #887A90 #876F9A #8564A4

颜色混合

#83A464

100%

#879475

75:25

#898586

50:50

#887595

25:75

#8564A4

100%

CSS渐变代码

background: linear-gradient(to right, #83A464, #8564A4);
background: linear-gradient(135deg, #83A464, #8564A4);

探索每种颜色

#83A464

查看完整颜色详情

#8564A4

查看完整颜色详情

相关比较