Back to feed
Dev.to
Dev.to
8/2/2026
The original title is: "The 4% rule: picking app background colors that survive cheap phone screens"

The original title is: "The 4% rule: picking app background colors that survive cheap phone screens"

Original: The 4% rule: picking app background colors that survive cheap phone screens

Short summary

Subtle background tints with under ~4% RGB channel spread fall inside the error bar of budget phone panels, rendering as gray or wrong due to weak gamut coverage, cold white points, stretched AMOLED gamuts, and 6-bit banding. The fix is a simple formula that scales chroma upward while preserving hue and lightness, producing a device-tiered variant where pure-white cards still sit clearly above a slightly stronger canvas. Test on real cheap hardware at full brightness, tier by device class with a user override, and never fork your brand color.

  • Budget panels destroy subtle tints under ~4% channel spread due to gamut, white-point, and bit-depth defects
  • Scale chroma with maxNew − d × k while keeping hue and lightness intact, then tier by device class
  • Test on real cheap hardware; use platform low-RAM flags as a panel-class proxy with a user override

Generated with AI, which can make mistakes.

Is this a good recommendation for you?

Comments

Failed to load comments. Please try again.

Explore more