#463AA9

#463AA9

#9DA93A

#9DA93A

对比度

3.35:1

Delta E

129.7

Very Different

50:50 混合

#837079

颜色值

格式 #463AA9 #9DA93A
HEX #463AA9 #9DA93A
RGB 70, 58, 169 157, 169, 58
HSL 246.5, 48.9%, 44.5% 66.5, 48.9%, 44.5%
HSV 246.5, 65.7%, 66.3% 66.5, 65.7%, 66.3%
CMYK 58.6%, 65.7%, 0.0%, 33.7% 7.1%, 0.0%, 65.7%, 33.7%
OKLCH 0.4315 0.1703 281.4 0.7038 0.1343 115.2

对比度与无障碍

3.35:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA93A → 背景色: #463AA9

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

文本: #463AA9 → 背景色: #9DA93A

色差 (Delta E)

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

渐变

#463AA9 #624C9A #755E8A #837079 #8E8367 #979653 #9DA93A

颜色混合

#463AA9

100%

#6C5592

75:25

#837079

50:50

#938C5E

25:75

#9DA93A

100%

CSS渐变代码

background: linear-gradient(to right, #463AA9, #9DA93A);
background: linear-gradient(135deg, #463AA9, #9DA93A);

探索每种颜色

#463AA9

查看完整颜色详情

#9DA93A

查看完整颜色详情

相关比较