#6461A0

#6461A0

#9DA061

#9DA061

对比度

2.03:1

Delta E

74.71

Very Different

50:50 混合

#868083

颜色值

格式 #6461A0 #9DA061
HEX #6461A0 #9DA061
RGB 100, 97, 160 157, 160, 97
HSL 242.9, 24.9%, 50.4% 62.9, 24.9%, 50.4%
HSV 242.9, 39.4%, 62.7% 62.9, 39.4%, 62.7%
CMYK 37.5%, 39.4%, 0.0%, 37.3% 1.9%, 0.0%, 39.4%, 37.3%
OKLCH 0.5233 0.0979 284.6 0.6884 0.0847 110.8

对比度与无障碍

2.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA061 → 背景色: #6461A0

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

文本: #6461A0 → 背景色: #9DA061

色差 (Delta E)

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

渐变

#6461A0 #716B96 #7D758D #868083 #8F8A78 #96956D #9DA061

颜色混合

#6461A0

100%

#777092

75:25

#868083

50:50

#939073

25:75

#9DA061

100%

CSS渐变代码

background: linear-gradient(to right, #6461A0, #9DA061);
background: linear-gradient(135deg, #6461A0, #9DA061);

探索每种颜色

#6461A0

查看完整颜色详情

#9DA061

查看完整颜色详情

相关比较