<div class="container1"></div> <div class="container2"></div> <div class="container3"></div>
:root { color-scheme: light dark; } div { width: 100px; height: 100px; } .container1 { background-color: oklch(70% 0.2 240); } .container2 { background-color: color-mix(in srgb, black, white 80%); } .container3 { background-color: light-dark(red, blue); }