对比度降低导致CSS问题

Question

可能是我不正确理解“少对比度”功能，但是我似乎没有得到我期望的结果。 我试图在（深色）彩色背景上为按钮设置一种对比色。

我做了一些测试，结果是：

a {
    &.a {
        color: contrast(#222222, #111111, #555555);
    }
    &.b {
        color: contrast(#333333, #111111, #555555);
    }
    &.c {
        color: contrast(#444444, #111111, #555555);
    }
    &.d {
        color: contrast(#555555, #111111, #555555);
    }
    &.e {
        color: contrast(#666666, #111111, #555555);
    }
}

我希望对比度功能可以从＃111切换到＃555，但是结果总是得到＃555。

Codepen：https://codepen.io/Timo88/pen/Xoxyez