Get a free trial // Grow your CSS skills // Land your dream job

Colors differ in different browsers. About to go crazy!

  • # December 18, 2012 at 12:47 am

    Hi guys,

    I have a very strange problem. I am working on a new design where I want my footer to be a dark pink color:

    But for whatever reason the color looks very different in Chrome and Safari. Here is how it looks:

    How can this happen, and how can I prevent if from happening?


    # December 18, 2012 at 12:49 am

    I should add that the background color is set using background in CSS. The background is not an image …

    # December 18, 2012 at 12:51 am

    @tammelin Are you using Mountain Lion? Check Firefox and compare them.

    This might be the solution overall though if you’ve done this:

    This was posted as a bug in Chrome and someone linked to a fix: but read the comments first.

    # December 18, 2012 at 1:12 am

    thanks a lot!

    after repairing the permissions and restarting chrome the colors now displays correctly!

    like the guy on stackoverflow I am also using an external monitor with a custom color profile. this seems to be the source of the issue. although the color looked fine in both safari and firefox all the time.

    thanks again!

    # December 18, 2012 at 1:16 am

    You’re welcome. Glad to see it’s fixed.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed