使用SCSS从一种颜色获取色调并将其应用于另一种颜色

Question

我正在尝试使用根颜色来创建独特的灰色阴影。

这是我的SCSS：

@function match-hue($color, $root) {
    $root-hue: hue($root);
    @return change-color($color, $hue: $root-hue );
}

$brand-color: #314398;
$brand-gray: match-hue(#777B7F, $brand-color);

产生的灰色颜色的色调为0。以下是使用Sip检查结果的屏幕截图。

我有一个解决方法，我将所需的颜色硬编码为HSL格式，并用$root-hue替换色调值，但它没有像函数按预期工作时那样有用。

有什么想法吗？