#6B66A2

#6B66A2

#9DA266

#9DA266

对比度

1.93:1

Delta E

70.9

Very Different

50:50 混合

#898386

颜色值

格式 #6B66A2 #9DA266
HEX #6B66A2 #9DA266
RGB 107, 102, 162 157, 162, 102
HSL 245.0, 24.4%, 51.8% 65.0, 24.4%, 51.8%
HSV 245.0, 37.0%, 63.5% 65.0, 37.0%, 63.5%
CMYK 34.0%, 37.0%, 0.0%, 36.5% 3.1%, 0.0%, 37.0%, 36.5%
OKLCH 0.5405 0.0926 286.7 0.6937 0.0814 112.4

对比度与无障碍

1.93:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA266 → 背景色: #6B66A2

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

文本: #6B66A2 → 背景色: #9DA266

色差 (Delta E)

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

渐变

#6B66A2 #777099 #80798F #898386 #908D7C #979871 #9DA266

颜色混合

#6B66A2

100%

#7C7594

75:25

#898386

50:50

#949377

25:75

#9DA266

100%

CSS渐变代码

background: linear-gradient(to right, #6B66A2, #9DA266);
background: linear-gradient(135deg, #6B66A2, #9DA266);

探索每种颜色

#6B66A2

查看完整颜色详情

#9DA266

查看完整颜色详情

相关比较