I have a football field, where I am going to allow the user to drag the player where he wants in the field. However, I can't find a way to make the name of the player clear, when on the field, as you can see in this [JSFiddle](http://jsfiddle.net/et2twvek/).

My last attempt is this:

```
<p style="color: #3D59AB;">
    Philio
</p>

```

taken from [here](http://cloford.com/resources/colours/500col.htm).

How to make the text appear nicely?