why is grey displayed differently on different browsers?

Viewed 218

Hi im new to web development but i've noticed a problem with the colorization of my site; when i set the css background color to gray, the same site displays differently. Firefox displays the site in a shade lighter than chromium.

I've tried searching online and on this site, but all the results that i've seen were irrelevant (they talk about fonts being displayed differently)

please visit my github.io site (https://kingsslave.github.io) to see the problem live, but if you dont want to, here is the css I used:

body{
    margin:0;
    background-color:gray;
    width:100%;
}

if you want, I can post everything here. I also took a screenshot that shows the problem: https://kingsslave.github.io/images/screenshot.png

I want to make the color the same on all browsers. Any help you can provide would be really appreciated.

Thanks in advance!

2 Answers

Try using #808080 instead of grey.

Related