#9DA3BD

#9DA3BD

#BDB79D

#BDB79D

对比度

1.24:1

Delta E

29.46

Very Different

50:50 混合

#AEADAD

颜色值

格式 #9DA3BD #BDB79D
HEX #9DA3BD #BDB79D
RGB 157, 163, 189 189, 183, 157
HSL 228.8, 19.5%, 67.8% 48.7, 19.5%, 67.8%
HSV 228.8, 16.9%, 74.1% 48.7, 16.9%, 74.1%
CMYK 16.9%, 13.8%, 0.0%, 25.9% 0.0%, 3.2%, 16.9%, 25.9%
OKLCH 0.7193 0.0383 275.1 0.7774 0.0364 96.4

对比度与无障碍

1.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BDB79D → 背景色: #9DA3BD

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

文本: #9DA3BD → 背景色: #BDB79D

色差 (Delta E)

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

渐变

#9DA3BD #A3A6B8 #A9AAB3 #AEADAD #B3B0A8 #B8B4A2 #BDB79D

颜色混合

#9DA3BD

100%

#A6A8B5

75:25

#AEADAD

50:50

#B6B2A5

25:75

#BDB79D

100%

CSS渐变代码

background: linear-gradient(to right, #9DA3BD, #BDB79D);
background: linear-gradient(135deg, #9DA3BD, #BDB79D);

探索每种颜色

#9DA3BD

查看完整颜色详情

#BDB79D

查看完整颜色详情

相关比较