[CSS] background color not matching?

[suklee]

I'm trying to set a background color to match my logo - should be simple right? For some reason I can't get it to work. The color I want is #090405, and if I inspect the 'computed' value with Firebug it does indeed say 090405.

But when I use Color Picker to inspect the color, it's actually #010000. (darker) I can see a marked difference between the colors.

What am I missing?

 

[Ken g6]

Is your logo a JPEG? JPEG adjusts colors to improve compression. PNG would be better for color matching.

 

[Ka0t1x]

Also be sure you do not have a color profile attached to the image. As some browsers will use the color profile, which will alter the image color.

 

[Aluvus]

Try a different browser.

When I compare the two colors that you describe side-by-side with Color SynthAxis, they look identical. In fact, they just look like black. Might be more distinct with a larger blob of color.

 

[suklee]

It's a PNG that I exported from Fireworks. I don't recall ever encountering something like this before, and within the past week I've seen color mismatches on 2 different websites. I specifically set the background-color on an element to be 090405, but ColorZilla reports it to be 010000. :hmm:

Here's a screenshot, which you can tell if you look closely that the logo's bgcolor on the right is different...

 

[Aluvus]

You still haven't indicated whether you have tested a different browser.

The obvious solution would be to change both the logo background and the page background to black, rather than extremely dark grey. Or to just give the logo a transparent background, and accept that it will look bad for users of IE6 and lower (or use the hacks to make it look OK for older versions of IE).

 

[suklee]

Yes, it looks the same in Chrome, Safari, and Firefox. Ideally I would have the site's outer background to be 090405 (to match the logo bg) but I don't see what I am missing. The transparent background is a viable solution though - thanks. I'll do that if all else fails.

 

[suklee]

I found the problem... I have an external Samsung LCD hooked up to my MacBook Pro. Using ColorZilla, it tells me the color is #090405 on the Samsung and #130C0D on my laptop's screen.

Is this an issue with ColorZilla or some other color setting(s) in OS X? I changed both LCDs to their default color profiles. (I had used a 'calibrated' one before)

I set body's background to #090203, but ColorZilla still reads it as #010000. wth...

On another PC running Vista x64, also 2 monitors, I'm seeing the same issues. On one screen the logo looks totally different in color.