Changing font color of HTML Symbol

This appears to be an issue with Chrome, but you can workaround it using text-shadow...

span {
  color: transparent;
  text-shadow: 0 0 0 rgb(0, 128, 0);
}
<span>&#9899;</span>

FIX:

<span style="color: rgb(42, 170, 82);">&#9899;</span>

<span style="color: transparent;  text-shadow: 0 0 0 green; ">&#9899;</span>

<span style="color: transparent;  text-shadow: 0 0 0 rgb(42, 170, 82); ">&#9899;</span>

This works for Chrome hope it helps you bro.