contrast-color()

The contrast-color() CSS function picks a color that has guaranteed contrast against a specified foreground or background color.

Baseline Status: Achieved Newly Available on Apr 10, 2026 across core engines.

Desktop Browser Engine Support

Google Chrome

147

Supported

Mozilla Firefox

146

Supported

Apple Safari

26

Supported

Microsoft Edge

147

Supported

Mobile Browser Engine Support

Chrome Android

147

Firefox Android

146

Safari iOS

26

Specifications and References

MDN Browser Compat Data Keys: