#9DA4B6

#9DA4B6

#B6AF9D

#B6AF9D

对比度

1.14:1

Delta E

20.75

Noticeable

50:50 混合

#AAA9AA

颜色值

格式 #9DA4B6 #B6AF9D
HEX #9DA4B6 #B6AF9D
RGB 157, 164, 182 182, 175, 157
HSL 223.2, 14.6%, 66.5% 43.2, 14.6%, 66.5%
HSV 223.2, 13.7%, 71.4% 43.2, 13.7%, 71.4%
CMYK 13.7%, 9.9%, 0.0%, 28.6% 0.0%, 3.8%, 13.7%, 28.6%
OKLCH 0.7189 0.0273 268.7 0.7548 0.0263 89.2

对比度与无障碍

1.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #B6AF9D → 背景色: #9DA4B6

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

文本: #9DA4B6 → 背景色: #B6AF9D

色差 (Delta E)

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

渐变

#9DA4B6 #A2A6B2 #A6A8AE #AAA9AA #AEABA5 #B2ADA1 #B6AF9D

颜色混合

#9DA4B6

100%

#A4A7B0

75:25

#AAA9AA

50:50

#B0ACA3

25:75

#B6AF9D

100%

CSS渐变代码

background: linear-gradient(to right, #9DA4B6, #B6AF9D);
background: linear-gradient(135deg, #9DA4B6, #B6AF9D);

探索每种颜色

#9DA4B6

查看完整颜色详情

#B6AF9D

查看完整颜色详情

相关比较