@use cssnext;

body {
  height: 100vh;
  width: 100vw;
  background-color: 
    color(
      orange
      lightness(+ 30%)  /* to 1% lighter than orange */
      lightness(- 30%)  /* to orange again */
      hue(+ 60deg)     /* to magenta */
      hue(+ 60deg)     /* to red */
      hue(- 120deg)    /* to orange again */
    );
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.