Generated by SassMeister.com.
<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>