title: CSS color difference between Browsers
body: <p>I know about the Color Rendering Difference between Browsers <a href="https://css-tricks.com/color-rendering-difference-firefox-vs-safari/" rel="nofollow noreferrer">https://css-tricks.com/color-rendering-difference-firefox-vs-safari/</a> when they render images with color profiles embedded, and yeh I understand that everyone has differently calibrated monitors. </p>
  
  <p>But how can you explain the screenshot below?
  It's simply a full width div with very basic CSS</p>
  
  <pre><code>.div.top-nav{width: 100vw; height: 50px; background-color: rgb(62,75,43);}
  </code></pre>
  
  <p>Why does Firefox display a different color value than Chrome?</p>
  
  <p><a href="https://i.stack.imgur.com/lMzia.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lMzia.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/LrtQ7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LrtQ7.png" alt="Screenshot of div with background color"></a></p>