#9DA39E

#9DA39E

#A39DA2

#A39DA2

对比度

1.03:1

Delta E

7.3

Noticeable

50:50 混合

#A0A0A0

颜色值

格式 #9DA39E #A39DA2
HEX #9DA39E #A39DA2
RGB 157, 163, 158 163, 157, 162
HSL 130.0, 3.2%, 62.7% 310.0, 3.2%, 62.7%
HSV 130.0, 3.7%, 63.9% 310.0, 3.7%, 63.9%
CMYK 3.7%, 0.0%, 3.1%, 36.1% 0.0%, 3.7%, 0.6%, 36.1%
OKLCH 0.7091 0.0099 150.6 0.7026 0.0099 331.0

对比度与无障碍

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #A39DA2 → 背景色: #9DA39E

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

文本: #9DA39E → 背景色: #A39DA2

色差 (Delta E)

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

渐变

#9DA39E #9EA29F #9FA19F #A0A0A0 #A19FA1 #A29EA1 #A39DA2

颜色混合

#9DA39E

100%

#9FA29F

75:25

#A0A0A0

50:50

#A29FA1

25:75

#A39DA2

100%

CSS渐变代码

background: linear-gradient(to right, #9DA39E, #A39DA2);
background: linear-gradient(135deg, #9DA39E, #A39DA2);

探索每种颜色

#9DA39E

查看完整颜色详情

#A39DA2

查看完整颜色详情

相关比较