Для того, чтобы сделать цвет темнее в CSS, можно использовать функцию brightness() или filter: brightness().

Пример использования функции brightness():

.color-darken {
  background-color: #36C2C6;
  /* уменьшаем яркость на 50% */
  background-color: brightness(50%);
}

В данном примере цвет фона элемента с классом .color-darken устанавливается с помощью #36C2C6, а затем с помощью функции brightness() мы уменьшаем его яркость на 50%.

Пример использования свойства filter: brightness():

.color-darken {
  background-color: #36C2C6;
  /* уменьшаем яркость на 50% с помощью filter */
  filter: brightness(50%);
}

Обратите внимание, что свойство filter может использоваться для изменения других параметров элемента, кроме цвета, например, для изменения насыщенности saturate(), размытия blur() и т.д.

Ниже пример, у которого яркость уменьшается на 50%:

.color-darken {
  background-color: #36C2C6;
  filter: brightness(50%);
}

Обратите внимание, что также можно использовать другие значения для яркости, например, 70% или 25%, чтобы получить различные уровни темноты.