coderef

print-color-adjustBaseline · Newly available

The print-color-adjust CSS property sets whether styles of printed pages should be adjusted to use less ink, in cases such as light text on a dark background.

Works in the latest version of every major browser, but older devices may not support it yet. Baseline since May 1, 2025.

Browser support

DesktopChrome
1–135Not supported
136+Supportedsince Apr 29, 2025
Current: 155
Edge
12–135Not supported
136+Supportedsince May 1, 2025
Current: 154
Firefox
1–96Not supported
97+Supportedsince Feb 8, 2022
Current: 157
Safari
1–15.3Not supported
15.4+Supportedsince Mar 14, 2022
Current: 27
MobileChrome Android
18–135Not supported
136+Supportedsince Apr 29, 2025
Current: 155
Firefox Android
4–96Not supported
97+Supportedsince Feb 8, 2022
Current: 157
Safari iOS
1–15.3Not supported
15.4+Supportedsince Mar 14, 2022
Current: 27

How to use

Every current browser supports this, but it only became Baseline on May 1, 2025. Use it as a progressive enhancement, or keep a fallback if you support older devices.

Example

Full syntax and examples are on MDN: print-color-adjust.

Feature detection

CSS · check before using
@supports (print-color-adjust: initial) {
  /* styles that rely on print-color-adjust */
}

/* or in JavaScript */
if (CSS.supports("print-color-adjust", "initial")) {
  // use it
}

Sub-features

Support for each part of the feature (3). The overall table above shows when the whole feature works.

Sub-featureChromeEdgeFirefoxSafariChrome AndroidFirefox AndroidSafari iOS
print-color-adjust1361369715.41369715.4
print-color-adjust.economy1361369715.41369715.4
print-color-adjust.exact1361369715.41369715.4