При перекрытии двух элементов с одним и тем же цветом фона в хроме их интенсивность суммируется, что приводит к более глубокой или темной версии этого цвета. Я заметил это на дисплеях Retina.
Вот пример:
![Two elements with the same color](https://i.stack.imgur.com/fe09k.png)
body {
width: 100%;
height: 100%;
background: #1D2126;
}
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100px;
background: #1D2126;
}
А вот кодекс примера:
https://codepen.io/SebastianOpperman/pen/KLXJwN
Кто-нибудь еще сталкивался с этой проблемой раньше?