Различаются цвета в браузера по сравнению с исходником

Имеется .scss в котором определена переменная $backColor: #f6f2f2; После сборки Webpack'ом цвет в браузере инициализируется как #999898 К цвету не применяется никакое затемнение. Просто вывожу background-color. В собранном .css цвет уже инициализируется в #999898. Как исправить? Модуль собирающий scss выглядит так:

{
  test: /\.s[ac]ss$/,
  use: [MiniCssExtractPlugin.loader, "css-loader", 'sass-loader'],
}