#9DA1BC

#9DA1BC

#BCB89D

#BCB89D

对比度

1.27:1

Delta E

30.53

Very Different

50:50 混合

#AEACAD

颜色值

格式 #9DA1BC #BCB89D
HEX #9DA1BC #BCB89D
RGB 157, 161, 188 188, 184, 157
HSL 232.3, 18.8%, 67.6% 52.3, 18.8%, 67.6%
HSV 232.3, 16.5%, 73.7% 52.3, 16.5%, 73.7%
CMYK 16.5%, 14.4%, 0.0%, 26.3% 0.0%, 2.1%, 16.5%, 26.3%
OKLCH 0.7148 0.0394 278.7 0.7786 0.0373 100.3

对比度与无障碍

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BCB89D → 背景色: #9DA1BC

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

文本: #9DA1BC → 背景色: #BCB89D

色差 (Delta E)

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

渐变

#9DA1BC #A3A5B7 #A8A9B2 #AEACAD #B3B0A8 #B7B4A2 #BCB89D

颜色混合

#9DA1BC

100%

#A6A7B4

75:25

#AEACAD

50:50

#B5B2A5

25:75

#BCB89D

100%

CSS渐变代码

background: linear-gradient(to right, #9DA1BC, #BCB89D);
background: linear-gradient(135deg, #9DA1BC, #BCB89D);

探索每种颜色

#9DA1BC

查看完整颜色详情

#BCB89D

查看完整颜色详情

相关比较