#9690A3

#9690A3

#9DA390

#9DA390

对比度

1.18:1

Delta E

22.34

Noticeable

50:50 混合

#9A999A

颜色值

格式 #9690A3 #9DA390
HEX #9690A3 #9DA390
RGB 150, 144, 163 157, 163, 144
HSL 258.9, 9.4%, 60.2% 78.9, 9.4%, 60.2%
HSV 258.9, 11.7%, 63.9% 78.9, 11.7%, 63.9%
CMYK 8.0%, 11.7%, 0.0%, 36.1% 3.7%, 0.0%, 11.7%, 36.1%
OKLCH 0.6647 0.0285 300.0 0.7052 0.0278 121.4

对比度与无障碍

1.18:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA390 → 背景色: #9690A3

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

文本: #9690A3 → 背景色: #9DA390

色差 (Delta E)

22.34 Noticeable
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#9690A3 #9793A0 #99969D #9A999A #9B9D96 #9CA093 #9DA390

颜色混合

#9690A3

100%

#98959E

75:25

#9A999A

50:50

#9C9E95

25:75

#9DA390

100%

CSS渐变代码

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

探索每种颜色

#9690A3

查看完整颜色详情

#9DA390

查看完整颜色详情

相关比较