#756BA7

#756BA7

#9DA76B

#9DA76B

对比度

1.85:1

Delta E

70.6

Very Different

50:50 混合

#8D898B

颜色值

格式 #756BA7 #9DA76B
HEX #756BA7 #9DA76B
RGB 117, 107, 167 157, 167, 107
HSL 250.0, 25.4%, 53.7% 70.0, 25.4%, 53.7%
HSV 250.0, 35.9%, 65.5% 70.0, 35.9%, 65.5%
CMYK 29.9%, 35.9%, 0.0%, 34.5% 6.0%, 0.0%, 35.9%, 34.5%
OKLCH 0.5618 0.0919 290.8 0.7058 0.0822 116.3

对比度与无障碍

1.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA76B → 背景色: #756BA7

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

文本: #756BA7 → 背景色: #9DA76B

色差 (Delta E)

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

渐变

#756BA7 #7E759E #867F94 #8D898B #939381 #999D76 #9DA76B

颜色混合

#756BA7

100%

#837A99

75:25

#8D898B

50:50

#96987B

25:75

#9DA76B

100%

CSS渐变代码

background: linear-gradient(to right, #756BA7, #9DA76B);
background: linear-gradient(135deg, #756BA7, #9DA76B);

探索每种颜色

#756BA7

查看完整颜色详情

#9DA76B

查看完整颜色详情

相关比较