Oklab and OkLCh

The Oklab color space expresses colors in terms of lightness and how red/green and blue/yellow a color is, aiming to match how humans perceive colors. OkLCh is a variant of Oklab with polar coordinates. These color spaces can be used with the CSS oklab() and oklch() functions.

Baseline Status: Achieved Widely Available on Nov 9, 2025 (Cross-browser Newly Available since May 9, 2023).

Desktop Browser Engine Support

Google Chrome

111

Supported

Mozilla Firefox

113

Supported

Apple Safari

15.4

Supported

Microsoft Edge

111

Supported

Mobile Browser Engine Support

Chrome Android

111

Firefox Android

113

Safari iOS

15.4

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.types.color.oklab ↗ css.types.color.oklab.mixed_type_parameters ↗ css.types.color.oklch ↗ css.types.color.oklch.mixed_type_parameters ↗