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