#756FA3

#756FA3

#9DA36F

#9DA36F

对比度

1.73:1

Delta E

61.24

Very Different

50:50 混合

#8C898A

颜色值

格式 #756FA3 #9DA36F
HEX #756FA3 #9DA36F
RGB 117, 111, 163 157, 163, 111
HSL 246.9, 22.0%, 53.7% 66.9, 22.0%, 53.7%
HSV 246.9, 31.9%, 63.9% 66.9, 31.9%, 63.9%
CMYK 28.2%, 31.9%, 0.0%, 36.1% 3.7%, 0.0%, 31.9%, 36.1%
OKLCH 0.568 0.0795 288.9 0.6976 0.0716 113.6

对比度与无障碍

1.73:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA36F → 背景色: #756FA3

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

文本: #756FA3 → 背景色: #9DA36F

色差 (Delta E)

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

渐变

#756FA3 #7E779B #868093 #8C898A #939182 #989A79 #9DA36F

颜色混合

#756FA3

100%

#827C97

75:25

#8C898A

50:50

#95967D

25:75

#9DA36F

100%

CSS渐变代码

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

探索每种颜色

#756FA3

查看完整颜色详情

#9DA36F

查看完整颜色详情

相关比较