<style>
    .ref { background-color: #009900; width: 100px; height: 50px; margin-bottom: 0; }
</style>
<body>
    <p>This test passes if the square below looks to be all one color</p>
    <div class="ref"> </div>
    <canvas id="test" width="100" height="50"></canvas>
    <script>
        let canvas = document.getElementById("test");
        let context = canvas.getContext("2d", { colorSpace: "display-p3" });

        context.beginPath();
        context.rect(0, 0, 100, 50);
        context.fillStyle = "color(display-p3 0.26374 0.59085 0.16434)";
        context.fill();
    </script>
</body>