Firefox displaying image colours incorrectly

Question

I have a website that incorporates a logo in to the header. This logo has a background that is the same colour as the background of the header, yet in Firefox the colour is different.

I can find various articles alluding that the 'colour profile' being the culprit, but I cannot find out how to fix this issue.

Quite why anyone would think that changing the colour of an image is the way forward I don't know, but it looks very poor, so I'd be grateful for some suggestions on how to fix this.

To create the original image I used GIMP, and it has been exported as a PNG.

Here is a section of the header so that you can visually see what I mean -

Answer 1

Since you do not provide the original image, I have to make an educated guess: Your image most likely has a (broken, incorrect) color profile embedded. Fix or remove the color profile and you should be good. See the documentation of your favorite tool on how to do that.

Answer 2

You should use some tool like tweakpng to check if the PNG has a color profile, and remove it.