#6F6BA1

#6F6BA1

#9DA16B

#9DA16B

对比度

1.8:1

Delta E

63.78

Very Different

50:50 混合

#8A8587

颜色值

格式 #6F6BA1 #9DA16B
HEX #6F6BA1 #9DA16B
RGB 111, 107, 161 157, 161, 107
HSL 244.4, 22.3%, 52.5% 64.4, 22.3%, 52.5%
HSV 244.4, 33.5%, 63.1% 64.4, 33.5%, 63.1%
CMYK 31.1%, 33.5%, 0.0%, 36.9% 2.5%, 0.0%, 33.5%, 36.9%
OKLCH 0.5536 0.0831 286.7 0.6924 0.0739 111.8

对比度与无障碍

1.8:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA16B → 背景色: #6F6BA1

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

文本: #6F6BA1 → 背景色: #9DA16B

色差 (Delta E)

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

渐变

#6F6BA1 #797499 #827D90 #8A8587 #918F7E #979875 #9DA16B

颜色混合

#6F6BA1

100%

#7E7894

75:25

#8A8587

50:50

#94937A

25:75

#9DA16B

100%

CSS渐变代码

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

探索每种颜色

#6F6BA1

查看完整颜色详情

#9DA16B

查看完整颜色详情

相关比较