KaneAI - World’s First E2E Software Testing Agent.Book a Demo Join TestMu Conference

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 Relative color syntax

The CSS Relative Color syntax allows a color to be defined relative to another color using the from keyword and optionally calc for any of the color values.

Last updated on : 2025-03-16

Browser Versions

Edge

Firefox

Chrome

Safari

Opera

5.5 - 11

12 - 118

127 - 130

119 - 133

2 - 129

131 - 133

130 - 138

4 - 120

130 - 132

121 - 136

3.2 - 16

16.6 - 18.4

9.5 - 105

111 - 114

106 - 110

Fully Supported

Partially

No Support

Browser Compatibility

CSS Relative color syntax on IE is not supported on any IE versions.

CSS Relative color syntax on Edge is fully supported on 119-133, partially supported on 127-130, and not supported on 12-118 Edge versions.

CSS Relative color syntax on Firefox is fully supported on 130-138, partially supported on 131-133, and not supported on 2-129 Firefox versions.

CSS Relative color syntax on Chrome is fully supported on 121-136, partially supported on 130-132, and not supported on 4-120 Chrome versions.

CSS Relative color syntax on Safari is fully supported on 16.6-18.4, and not supported on 3.2-16 Safari versions.

CSS Relative color syntax on Opera is fully supported on 106-110, partially supported on 111-114, and not supported on 9.5-105 Opera versions.

CSS Relative color syntax on Safari on iOS is fully supported on 16.4-18.4, partially supported on 17.6-17.6, and not supported on 3.2-16 Safari on iOS versions.

CSS Relative color syntax on Android Browser is fully supported on 119-133, partially supported on 127-130, and not supported on 2.3-118 Android Browser versions.

CSS Relative color syntax on Opera Mobile is fully supported on 80-80, and not supported on 10-73 Opera Mobile versions.

CSS Relative color syntax on Chrome for Android is fully supported on 119-133, partially supported on 127-130, and not supported on 112-118 Chrome for Android versions.

CSS Relative color syntax on Firefox for Android is partially supported on 132-135, and not supported on 110-130 Firefox for Android versions.

CSS Relative color syntax on Samsung Internet is fully supported on 25-25, partially supported on 26-27, and not supported on 4-24 Samsung Internet versions.

Browser Support for CSS Relative color syntax

CSS Relative color syntax on Chrome

CSS Relative color syntax on Safari

CSS Relative color syntax on Firefox

CSS Relative color syntax on Internet Explorer

CSS Relative color syntax on Opera

CSS Relative color syntax on Edge

References

Data sourced from

Medium

Overall Browser Compatibility Score

Note:CSS Relative color syntax shows a browser compatibility score of 55. 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 Relative color syntax & more

Test your website for CSS Relative color syntax and other web technologies. Get 100 FREE automation test minutes!

Test Now