Page displays slightly off-colour

beardedgit

Here's an odd one...

I've got my entire site set to have the primary colour as grey #333333 and I have a photo where I've set the background to the same colour - #333333.

In theory, the two areas of #333333 should be indistinguishable, but they're not when the photo is viewed in its SM gallery - there's a definite difference. ColorZilla reports the image background correctly as #333333, yet my SM site background is reported as grey #303030

The photo in question is at http://beardedgit.smugmug.com/Holidays/NWP/i-FwRQQwn/0/O/Panoram_1-O.jpg and here are a couple of screenshots of ColorZilla doing its job:

http://beardedgit.smugmug.com/General/Miscellaneous/i-6Mv4Rn9/0/O/303030-O.jpg
http://beardedgit.smugmug.com/General/Miscellaneous/i-hS9Rk5b/0/O/333333-O.jpg

I have the same image on my blog near the bottom of the page at http://beardedgit.com/?p=9827 where there are no such colour-mismatch issues - the image background and the blog background are both correctly reported as #333333

I can't see how it would be a browser issue seeing as both greys are being displayed on the same screen in the same browser at the same time.

Any thoughts?

Ferguson

Are you sure it's in sRGB? (and more specifically it was in sRGB when you set it to #333333, since the same rgb numbers give different colors in different color spaces).

paulbrock

looking in your CSS, the Smugmug background is being set as #303030;

html.sm-user-ui, .sm-user-ui {
background-color: #303030;
}

beardedgit

Ferguson wrote: »

Are you sure it's in sRGB? (and more specifically it was in sRGB when you set it to #333333, since the same rgb numbers give different colors in different color spaces).

Yep, Firefox reports sRGB, PS CS3 reports sRGB IEC61966-2.1
I've opened my blog in one window and my SM site in another, the page backgrounds are definitely different when viewed side-by-side.

paulbrock wrote: »

looking in your CSS, the Smugmug background is being set as #303030;

html.sm-user-ui, .sm-user-ui {
background-color: #303030;
}

Well, I've been back to the entire site theme settings to have another check, it's definitely set at #333333.

scratch

beardedgit

paulbrock wrote: »

looking in your CSS, the Smugmug background is being set as #303030;

html.sm-user-ui, .sm-user-ui {
background-color: #303030;
}

Sussed a workaround - I just pasted the code above into a CSS box, edited the 303030 to 333333 and saved it. ColorZilla now reports the site's background at #333333 and the image background merges with the gallery background perfectly.

Thanks for the inadvertent fix!