#7864AC

#7864AC

#98AC64

#98AC64

对比度

2.0:1

Delta E

85.0

Very Different

50:50 混合

颜色值

格式 #7864AC #98AC64
HEX #7864AC #98AC64
RGB 120, 100, 172 152, 172, 100
HSL 256.7, 30.3%, 53.3% 76.7, 30.3%, 53.3%
HSV 256.7, 41.9%, 67.5% 76.7, 41.9%, 67.5%
CMYK 30.2%, 41.9%, 0.0%, 32.5% 11.6%, 0.0%, 41.9%, 32.5%
OKLCH 0.5535 0.1107 295.3 0.712 0.0992 121.6

对比度与无障碍

2.0:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #98AC64 → 背景色: #7864AC

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

文本: #7864AC → 背景色: #98AC64

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #7864AC, #98AC64);
background: linear-gradient(135deg, #7864AC, #98AC64);

探索每种颜色

相关比较