QR Code Color Contrast Checker
Pick your QR module and background colors to see the contrast ratio and scan reliability score. Get an instant fix if the contrast is too low.
Check your colors before you print
Live SVG preview
Scan reliability
High contrast — reliable scanContrast Ratio
21.00:1
High contrast — reliable scan
Why color contrast matters for QR code scanning
QR scanners do not read meaning first. They look for clear separation between the modules and the background. When those colors are too close in luminance, the camera loses edges, finder patterns blur together, and scan time jumps or fails completely.
A QR code that works on your bright desktop screen can still fail once it is printed on matte paper, shown on a dim phone, or photographed under bad lighting. That is why strong contrast is not a design detail. It is part of scan reliability.
Inverted QR codes create another risk. Many modern apps can read them, but iOS Camera still struggles with light modules on dark backgrounds in real-world conditions. If you want a branded QR code, use dark modules on a lighter surface and test before launch.
Frequently asked questions about QR color contrast
What contrast ratio is good for a QR code?
A 4:1 contrast ratio is a practical safe floor for QR codes. Higher is better, especially for print, outdoor signage, and low-light scanning.
Can colored QR codes still scan?
Yes. A QR code does not need to be black on white, but the module color still needs to be clearly darker than the background. Navy on white works. Light gray on beige usually does not.
Do inverted QR codes scan reliably?
Not always. Light modules on a dark background can fail on some camera apps, especially iOS Camera. If you use an inverted design, test it on several phones before printing.
Why does my QR code work on some phones but not others?
Different cameras, autofocus systems, and decoder software tolerate low contrast differently. A marginal QR code may scan on one device and fail on another.
Should printed QR codes use more contrast than digital ones?
Yes. Ink spread, textured paper, glare, and distance all reduce perceived contrast. Print designs should stay comfortably above the minimum.
Can I use gradients or brand colors in a QR code?
You can, but keep the darkest parts of the modules strong against the background and avoid soft transitions inside finder patterns. Decorative styling should never reduce scannability.
What color combination scans most reliably?
Dark modules on a white or very light background remain the safest option. If branding matters, use deep saturated colors for modules and keep the background bright.
Need a QR code that still scans after customization?
Create a QR code for free, style the colors, and test the design before you print or publish it.
Create QR code freeQR Nova