Меньше контраста в результате проблема 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