prefers-contrast media query

The prefers-contrast CSS media query sets styles based on whether the user prefers more or less contrast, the difference between foreground and background colors.

Baseline Status: Achieved Widely Available on Nov 30, 2024 (Cross-browser Newly Available since May 31, 2022).

Desktop Browser Engine Support

Google Chrome

96

Supported

Mozilla Firefox

101

Supported

Apple Safari

14.1

Supported

Microsoft Edge

96

Supported

Mobile Browser Engine Support

Chrome Android

96

Firefox Android

101

Safari iOS

14.5

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.at-rules.media.prefers-contrast ↗