css filter take a lighter shade of a color code example
Example 1: css image filter black and white
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
Example 2: css lighten function
color: lighten(var(--primaryColor), 50%);