The CSS oklch() function specifies colors with three components — Lightness (L), Chroma (C), and Hue (H) — offering a perceptually uniform system, which is a fancy way of saying that it is closely aligned with how humans perceive color.

.element { color: oklch(70% 0.15 240); }

The oklab() function represents colors in the OKLab color space. OKLab is an “OK” and even better version of the lab color […]

.element { color: oklab(25.77% 25.77% 54.88%; }