I have read endlessly about color profiles in images, but this has never resolved the discrepancies between Safari and other browsers for me, especially when it comes to coded color. If you were to set up a page which has a body tag with this attribute: style="background: rgb(120,88,0)", then you will see that the page has a lighter shade of brown in Safari, but the expected shade in other browsers.
Is there any way around this, or is color yet another design tool I cannot rely on?
I don't really need to include screenshots, simply go to yahoo.com with both browsers and poll the screen with a universal color-picker.
Brian - I tested this with the shade of brown you suggested, but I couldn't re-create it on Mac OS 10.5.7, using Safari 4 and Firefox 3.5. In my test they both displayed exactly the same shade (#785800).
What set up do you have?
I appreciate your giving it a shot!
I found out that Firefox 3.0's broken color profile was the culprit, and IE is weird, of course, "by design".
A ways back, I enabled 3.0's color profile support via about:config, but 3.5 fixes everything once I wiped out that custom setting.
I've seen this behavior happen before, but couldn't tell you what the root cause was. I usually would just change the color in my png or jpeg slightly until I find something that works for both.
Are you viewing on a Mac or PC, could it be the gamma difference? (by the way OS X Snow Leopard is switching to the default windows gamma).