SCSS

by khamer

HTML

<div class="primary">primary</div>
<div class="red">red</div>
<div class="secondary">secondary</div>

SCSS

$primary: #f9f;
$red: change-color($primary, $hue: 0, $saturation: 75%);

$secondary: change-color(complement($primary), $saturation: 66%);

.primary {
  background-color: $primary;
}
.red {
  background-color: $red;
}

.secondary {
  background-color: color($primary blackness(+ 25%));
}