CSS: Browser shows a different color code than the one set on CSS stylesheet

background-color, colors, css

Solution

You problem has nothing to do with the CSS, the problem is in the image!

This is because the examples supplied by you show the correct #327EB2 at the extra background (the one "coloured" via CSS), and that is enough to know that the CSS part is ok.

Beware of colour corrections/management done in the file exported via Photoshop.

If you can't colour manage/revert to the desired colour, another solution is doing the opposite, change the CSS colour to match the last row of the image.

Problem

I have a div with the property: ``` background-color: #327EB2; ``` When I open the page on a browser I notice that a different color is shown. If I capture the screen and open the captured image on Photoshop, I can see that the color code captured is actually #437BB6. I have nothing set with that color in my CSS stylesheet. I've tested on different monitors, different color resolutions, different browsers and versions from FF 4+ to IE8+, Opera, Chrome, Safari, etc... Actually I don't think that's a problem of the monitor, resolution or browser version, because the problem is that the code of the shown color is actually a totally different one! Also, Photoshop warns me about #327EB2 which is not a "Web Safe color", but I don't think this is the problem because I often use non-websafe colors in my sheets and I've never had an issue like that. ** Fiddle: http://jsfiddle.net/286tE/ *UPDATE The problem is that the div has a background image and a background-color. The background color has to match the last pixel's color of the background image (as usual), which is #327EB2. Anyway, I can see a different color from the last pixel of the image to the background-color: http://test.testblueday.eu/test/cbsissue.png You can see the page here, the problem is shown after the "Top Marchi" list on the left side: http://test.testblueday.eu/test/cbstest.html I've left the plain CSS and JS (not compressed) to let you see all the properties. ** UPDATE 2 I use Mac, but we can see the problem also on Windows.

Original source