A CodePen by kaelifa. Playing with rgba and opacity

index.html

<div class="example-colour75">
  <p>Example colour with 75% opacity</p>
</div>

<div class="example-colour5">
  <p>Example colour with 50% opacity</p>
</div>

<div class="example-colour5">
  <p>Example colour with 25% opacity</p>
</div>

style.scss

@import "compass";
$color-brand-primary:  	120, 192, 192;

.example-colour75 {
    background: rgba($color-brand-primary, 0.75);
}

.example-colour5 {
    background: rgba($color-brand-primary, 0.5);
}

.example-colour25 {
    background: rgba($color-brand-primary, 0.25);
}