import { waapi } from 'animejs';

waapi.animate('.circle',  {
  backgroundColor: 'color(display-p3 1.0 0.267 0.267 / 1.0)',
});

<div class="large justified row">
  <div class="circle"></div>
  <div class="circle"></div>
  <div class="circle"></div>
  <div class="circle"></div>
  <div class="circle"></div>
  <div class="circle"></div>
</div>

.is-active > #animation-tween-value-types-color-function-value .docs-demo-template { opacity: 0 }
.is-active > #animation-tween-value-types-color-function-value .circle { background-color: color(display-p3 1.000000 0.780392 0.188235 / 1.000000) }