Web platform features explorer - color-contrast()

Web platform features explorer

This feature is discouraged — The CSS Color specification renamed color-contrast() to contrast-color().

Consider using contrast-color() instead.

For more information, see: w3c/csswg-drafts/issues/7557 (GitHub) , w3c/csswg-drafts/commit/36594e9e8496a5ca83f1f1ee2b4a83bcdf28753b (GitHub)

The color-contrast() CSS function picks a color from a list that has the most contrast with another color.

Status

Discouraged

MDN documentation

No MDN documentation found.

Specifications

CSS Color Module Level 5 (#contrast-color), from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support

Chrome ❌
Chrome Android ❌
Edge ❌
Firefox ❌
Firefox for Android ❌
Safari ❌
Safari on iOS ❌

Web Platform Tests (WPT)

View the latest WPT test results for this feature

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist