I have a project in ReactJS. I wish the diacritic of a Devanagiri letter to have a different color than the letter that it attached to.

For eg: क + ी make की

Is there a way to make the क to have a different color than the ी in the combined letter की?

I have tried the following:

क<span style="color: blue;">ी</span>

It works fine when it's only the individual letters, but it has one uniform color when it's combined.