Unlock 30% off on Manual Testing Annual Plans this Holiday Season.

Copied to Clipboard!

Next-Gen App & Browser
Testing Cloud

Trusted by 2 Mn+ QAs & Devs to accelerate their release cycles

Start free with Google Start free with Email

CSS color() function

The color CSS function allows you to display colors outside of the default sRGB color space, using the 'p3' color space, which will produce more vivid and saturated results.

Last updated on : 2023-03-20

Browser Versions

Edge

Firefox

Chrome

Safari

Opera

5.5 - 11

12 - 110

111 - 111

2 - 113

4 - 112

113 - 114

3.2 - 10

10.1 - 14

15.6 - 16.4

9.5 - 95

Fully Supported

Partially

No Support

Browser Compatibility

CSS color() function on IE is not supported on any IE versions.

CSS color() function on Edge is fully supported on 111-111, and not supported on 12-110 Edge versions.

CSS color() function on Firefox is not supported on any Firefox versions.

CSS color() function on Chrome is fully supported on 113-114, and not supported on 4-112 Chrome versions.

CSS color() function on Safari is fully supported on 15.6-16.4, partially supported on 10.1-14, and not supported on 3.2-10 Safari versions.

CSS color() function on Opera is not supported on any Opera versions.

CSS color() function on Safari on iOS is fully supported on 15.2-16.4, partially supported on 10.3-14, and not supported on 3.2-10 Safari on iOS versions.

CSS color() function on Android Browser is fully supported on 111-111, and not supported on 2.1-109 Android Browser versions.

CSS color() function on Opera Mobile is not supported on any Opera Mobile versions.

CSS color() function on Chrome for Android is fully supported on 111-111, and not supported on 97-110 Chrome for Android versions.

CSS color() function on Firefox for Android is not supported on any Firefox for Android versions.

CSS color() function on Samsung Internet is not supported on any Samsung Internet versions.

Browser Support for CSS color() function

CSS color() function on Chrome

CSS color() function on Safari

CSS color() function on Firefox

CSS color() function on Internet Explorer

CSS color() function on Opera

CSS color() function on Edge

References

Data sourced from

Low

Overall Browser Compatibility Score

Note:CSS color() function shows a browser compatibility score of 17. This is a collective score out of 100 to represent browser support of a web technology. The higher this score is, the greater is the browser compatibility. The browser compatibility score is not a 100% reflection for every browser and the web technology support. However, it does give you an estimate on how much you should rely on a particular web technology in terms of browser compatibility.

Test on 3000+ browsers for CSS color() function & more

Test your website for CSS color() function and other web technologies. Get 100 FREE automation test minutes!

Test Now