50% grey test

HTML

<div />

CSS

body{background:#bcbcbc}div{position:absolute;left:25%;top:25%;width:50%;height:50%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAQAAAAziH6sAAAAC0lEQVQIHWMAgf8AAQUBAAydtnsAAAAASUVORK5CYII=)#fff}

JavaScript

document.body.onload=_=>document.body.children[0].style.backgroundSize=1/devicePixelRatio+"px"