<html>
<style>
.purple {
    border: solid 20px #560063;
}
</style>
<body>
<p>This test demonstrates -webkit-color-correction. Below are 3 images with 20 pixel borders. The images are all the same -- purple with an sRGB color profile. The border is the same CSS color for all three images. The first image has no special CSS. The second has -webkit-color-correction set to default, so it matches the first image. And the third has -webkit-color-correction set to sRGB. This color-corrects the purple border from the sRGB color space, and the result is that the border and the image match.</p>
<img src="resources/purple-srgb.png" class="purple" />
<img src="resources/purple-srgb.png" class="purple" style="-webkit-color-correction: default;"/>
<img src="resources/purple-srgb.png" class="purple" style="-webkit-color-correction: sRGB;"/>
</body>
</html>