color-correction-on-box-shadow.html

<html>
<style>
.purple-corrected {
    background-color:#560063; 
    width:100px; 
    height:100px; 
    -webkit-color-correction:sRGB; 
    -webkit-box-shadow: 50px 50px 50px #560063
}

.purple-uncorrected {
    background-color:#560063; 
    width:100px; 
    height:100px; 
    -webkit-color-correction:default;  
}
</style>
<body>

<p>The shadow should match the color of the top square and not the color of the bottom square. The top square and its shadow are both color-corrected from sRGB.</p>
<div class="purple-corrected"></div>
<br/>
<div class="purple-uncorrected"></div>

</body>
</html>

chromium/third_party/blink/web_tests/fast/css/color-correction-on-box-shadow.html