color()

The color() function picks a color from a given color space. Wide gamut color spaces like display-p3 allow showing more vibrant and saturated colors than the standard srgb color space.

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

Supported

Microsoft Edge

111

Supported

Mobile Browser Engine Support

Chrome Android

111

Firefox Android

113

Safari iOS

15

Specifications and References

Specification ↗ Can I Use (css-color-function) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.types.color.color ↗ css.types.color.color.mixed_type_parameters ↗