#4640A3

#4640A3

#9DA340

#9DA340

对比度

3.07:1

Delta E

116.95

Very Different

50:50 混合

#817078

颜色值

格式 #4640A3 #9DA340
HEX #4640A3 #9DA340
RGB 70, 64, 163 157, 163, 64
HSL 243.6, 43.6%, 44.5% 63.6, 43.6%, 44.5%
HSV 243.6, 60.7%, 63.9% 63.6, 60.7%, 63.9%
CMYK 57.1%, 60.7%, 0.0%, 36.1% 3.7%, 0.0%, 60.7%, 36.1%
OKLCH 0.4368 0.1546 280.6 0.6907 0.1224 112.4

对比度与无障碍

3.07:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA340 → 背景色: #4640A3

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

文本: #4640A3 → 背景色: #9DA340

色差 (Delta E)

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

渐变

#4640A3 #604F95 #736087 #817078 #8C8168 #959256 #9DA340

颜色混合

#4640A3

100%

#6A578E

75:25

#817078

50:50

#91895F

25:75

#9DA340

100%

CSS渐变代码

background: linear-gradient(to right, #4640A3, #9DA340);
background: linear-gradient(135deg, #4640A3, #9DA340);

探索每种颜色

#4640A3

查看完整颜色详情

#9DA340

查看完整颜色详情

相关比较