#6661A2

#6661A2

#9DA261

#9DA261

对比度

2.05:1

Delta E

76.92

Very Different

50:50 混合

#878184

颜色值

格式 #6661A2 #9DA261
HEX #6661A2 #9DA261
RGB 102, 97, 162 157, 162, 97
HSL 244.6, 25.9%, 50.8% 64.6, 25.9%, 50.8%
HSV 244.6, 40.1%, 63.5% 64.6, 40.1%, 63.5%
CMYK 37.0%, 40.1%, 0.0%, 36.5% 3.1%, 0.0%, 40.1%, 36.5%
OKLCH 0.5261 0.1007 285.9 0.6929 0.0873 112.2

对比度与无障碍

2.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA261 → 背景色: #6661A2

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

文本: #6661A2 → 背景色: #9DA261

色差 (Delta E)

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

渐变

#6661A2 #736B98 #7E768E #878184 #908C79 #97976D #9DA261

颜色混合

#6661A2

100%

#797193

75:25

#878184

50:50

#939173

25:75

#9DA261

100%

CSS渐变代码

background: linear-gradient(to right, #6661A2, #9DA261);
background: linear-gradient(135deg, #6661A2, #9DA261);

探索每种颜色

#6661A2

查看完整颜色详情

#9DA261

查看完整颜色详情

相关比较