forced-color-adjust
Controls whether the browser is allowed to override an element's colors (like when 'High Contrast Mode' is active on Windows). It's handy for preserving specific brand colors that might otherwise be hidden.
Quick example
.brand-logo {
/* Prevents Windows High Contrast mode from changing the logo colors */
forced-color-adjust: none;
}Quick facts
Initial value
autoInherited
Yes
Applies to
all elements and text
Animation type
notAnimatable
Values
autononepreserve-parent-color forced-color-adjust Browser Support
Widely available Since 2022 81% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2022.
Safe to use without fallbacks.
89+
113+
79+