Avoid using a light text color over certain background colors.
@function checkLightness($color) {
@if ( (lightness($color) > 70) or (hue($color) > 40 and hue($color) < 200 )) {
@return #000000;
}
@else {
@return #FFFFFF;
}
}
$myColor: green;
div {
background-color: $myColor;
color: checkLightness($myColor);
content: "HUE:#{hue($myColor)} - LIGHTNESS:#{lightness($myColor)}";
padding: .4em;
}