color-correction-on-text-shadow.html

<html>
<style>
.purple-corrected {
    color:#560063; 
    font-weight: bold;
    font-size: 100px;
    -webkit-color-correction:sRGB; 
    text-shadow: 50px 50px 2px #560063
}

.purple-uncorrected {
    color:#560063; 
    font-weight: bold;
    font-size: 100px;
    -webkit-color-correction:default;  
}
</style>
<body>

<p>This is subtle, but the shadow should match the color of the top H and not the color of the bottom H. The top H and its shadow are both color-corrected from sRGB.</p>
<span class="purple-corrected">H</span>
<br/>
<span class="purple-uncorrected">H</span>

</body>
</html>

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