#643CCD

#643CCD

#A5CD3C

#A5CD3C

对比度

3.71:1

Delta E

162.61

Very Different

50:50 混合

#9A868F

颜色值

格式 #643CCD #A5CD3C
HEX #643CCD #A5CD3C
RGB 100, 60, 205 165, 205, 60
HSL 256.6, 59.2%, 52.0% 76.6, 59.2%, 52.0%
HSV 256.6, 70.7%, 80.4% 76.6, 70.7%, 80.4%
CMYK 51.2%, 70.7%, 0.0%, 19.6% 19.5%, 0.0%, 70.7%, 19.6%
OKLCH 0.4923 0.2094 288.9 0.7928 0.1729 123.8

对比度与无障碍

3.71:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #A5CD3C → 背景色: #643CCD

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

文本: #643CCD → 背景色: #A5CD3C

色差 (Delta E)

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

渐变

#643CCD #7D56B9 #8E6EA5 #9A868F #A19D79 #A5B55F #A5CD3C

颜色混合

#643CCD

100%

#8762AF

75:25

#9A868F

50:50

#A3A96C

25:75

#A5CD3C

100%

CSS渐变代码

background: linear-gradient(to right, #643CCD, #A5CD3C);
background: linear-gradient(135deg, #643CCD, #A5CD3C);

探索每种颜色

#643CCD

查看完整颜色详情

#A5CD3C

查看完整颜色详情

相关比较