Webkit browsers showing blue text as slightly purple

Question

I can't find any info on this issue in Google, because every result is about the default purple a:visited color. That is NOT the issue here. The issue is with Chrome's default anti-aliasing, on some systems blue text shows up as blueish-purple. If I change the anti-aliasing to -webkit-font-smoothing: antialiased it keeps the correct color, but then the fonts are radically different between Chrome and Firefox. The blue color I'm using is the client's color, so it cannot change to purple like this. I'm hoping somebody has a fix for this.

Here are screenshots from tests I've done:

EDIT: Just to clarify, this has nothing to do with the default a:visited link color. My blue color is being inherited, but Chrome's anti-aliasing is causing the text to appear purple. Here's an example: http://jsfiddle.net/yvjjxfqt/

Answer 1

It gets solved (at least in my system) setting a transform in the element

a {
    color: #1967b1;
    display: block;
}

a:nth-child(2) {
    transform: rotateX(0deg);
}

<a href="#">This is a link</a>
<a href="#">This is a link</a>

I guess that the rendering in the gpu doesn't have this problem

This is how it looks in my system

Another way to solve it seems to be using opacity

a {
    color: #1967b1;
    opacity: 0.99;
}

<a href="#">This is a link</a>