#8564B1

#8564B1

#90B164

#90B164

对比度

1.94:1

Delta E

91.89

Very Different

50:50 混合

#918B8D

颜色值

格式 #8564B1 #90B164
HEX #8564B1 #90B164
RGB 133, 100, 177 144, 177, 100
HSL 265.7, 33.0%, 54.3% 85.7, 33.0%, 54.3%
HSV 265.7, 43.5%, 69.4% 85.7, 43.5%, 69.4%
CMYK 24.9%, 43.5%, 0.0%, 30.6% 18.6%, 0.0%, 43.5%, 30.6%
OKLCH 0.5688 0.1199 302.5 0.7176 0.11 127.9

对比度与无障碍

1.94:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #90B164 → 背景色: #8564B1

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

文本: #8564B1 → 背景色: #90B164

色差 (Delta E)

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

渐变

#8564B1 #8A71A5 #8E7E99 #918B8D #929880 #92A473 #90B164

颜色混合

#8564B1

100%

#8C789F

75:25

#918B8D

50:50

#929E7A

25:75

#90B164

100%

CSS渐变代码

background: linear-gradient(to right, #8564B1, #90B164);
background: linear-gradient(135deg, #8564B1, #90B164);

探索每种颜色

#8564B1

查看完整颜色详情

#90B164

查看完整颜色详情

相关比较