<html>
<style>
.purple {
    background-image: url('resources/purple-noprofile.png');
    width: 400px;
    height: 400px;
    float: left;
}
</style>

<body>

<p>The two squares below should not match each other. On the left an uncorrected image is tiled as a background, and on the right the same image is tiled as a background, but it is corrected from sRGB.</p>
<div class="purple"></div>
<div class="purple" style="-webkit-color-correction: sRGB;"></div>

</body>
</html>