Keep the modules darker than the background
Phone cameras locate the finder patterns and separate modules from the background using differences in reflected light. A dark navy, deep green or charcoal pattern on white can work, while pale modules, busy photography and reversed light-on-dark designs are less predictable across scanners.
Do not evaluate contrast only on a bright design monitor. Print processes can shift colors, uncoated paper can absorb ink and low screen brightness can reduce separation. Check a grayscale proof to reveal combinations that look different in hue but similar in brightness.
Protect finder patterns and the quiet zone
Keep the three large corner patterns visually consistent and unobstructed. The clear border around the code must not contain text, borders, textures or illustrations. DENSO WAVE specifies a four-module quiet zone around a standard QR Code symbol.
A decorative frame may sit outside that margin, but it should not touch the modules. When the artwork will be cropped by a printer or social platform, include extra canvas beyond the required quiet zone so automatic trimming cannot remove it.
Be careful with gradients, transparency and materials
A subtle gradient may scan in one position but fail where part of the pattern becomes too light. Transparent backgrounds inherit whatever color or photograph sits underneath. Metallic ink, glossy lamination, glass, curved bottles and clear plastic can introduce glare or distortion even when the digital file has strong contrast.
If brand guidelines require a difficult color, place the QR on a solid white panel rather than directly on photography. Produce a fallback black-and-white version for small labels, low-cost printers and environments where lighting cannot be controlled.
Test color as a production variable
Export the final design at the intended size, then test multiple copies from the actual printer and material. Scan from expected distance and off-axis angles with more than one phone. Repeat in daylight and the lowest likely indoor light.
If the scan is slow, restore a darker foreground, simplify the background, enlarge the code or remove the gradient. Error correction can recover limited damage but should not be used to compensate for consistently weak contrast.
QR color choices and practical risk
| Design choice | Safer implementation | Higher-risk implementation |
|---|---|---|
| Foreground | Black, charcoal, navy or another dark solid | Pastel or very light modules |
| Background | Plain white or very light solid panel | Photography, texture or transparency |
| Finish | Matte and flat | Glossy, metallic, curved or reflective |
| Validation | Final print on several phones | Digital preview on one screen only |
Pre-production checklist
- Use a dark foreground on a light solid background
- Preserve a four-module quiet zone
- Keep finder patterns unobstructed
- Avoid transparency over changing backgrounds
- Test the final printer, material, size and lighting
- Keep a black-and-white fallback artwork
Frequently asked questions
Can a QR code use brand colors?
Yes when the modules remain sufficiently dark against a light, plain background and the final output is tested. Brand consistency should not override reliable scanning.
Can I use a white QR code on a black background?
Some cameras may read a reversed design, but support is less predictable. A dark code on a light background is the safer default.
Does high error correction fix low contrast?
No. Error correction can restore limited missing or damaged data, but the camera still needs to detect the symbol and distinguish modules from the background.