<!DOCTYPE html>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<svg>
  <filter id="f">
    <feColorMatrix type="hueRotate" values="120"/>
  </filter>
  <rect fill="red" width="100" height="100" filter="url(#f)"/>
</svg>
<script>
runAfterLayoutAndPaint(function() {
  document.getElementById('f').style.colorInterpolationFilters = 'sRGB';
}, true);
</script>