The 4% Rule: How to Pick App Background Colors That Hold Up on Budget Phones

A design guideline called the '4% rule' addresses why subtle tinted backgrounds often render as muddy gray on low-cost smartphones. Budget LCD and AMOLED panels commonly suffer from weak color gamut coverage, inaccurate white points, and limited bit-depth, all of which overwhelm low-chroma background colors. The rule uses 'channel spread' — the gap between the highest and lowest RGB values — as a quick chroma check, flagging any tint with a spread under roughly 10 out of 255 as vulnerable. Designers are advised to derive a higher-chroma version of the same hue using a simple formula, rather than creating separate brand colors for different device tiers. The adjustment keeps background lightness nearly unchanged, preserving text contrast ratios while ensuring the intended color survives panel-level distortion.