<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);
}