Cacher is the code snippet organizer for pro developers

<div id="test"><a>A dark link</a></div>

a {
  color: #3097b4;
  text-decoration: underline;
}
a:hover {
  color: #5dbad4;
}
a:active {
  color: #335a65;
}

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

$color-link: #3097b4;

a {
  color: $color-link;
  text-decoration: underline;
  &:hover {
    color: lighten($color-link, 15%);
  }
  &:active {
    color: desaturate(darken($color-link, 15%), 25%);
  }
} 

<div id="test"><a>A dark link</a></div>