Trusted by Leading Organizations
Join thousands of businesses using QRTRAC for their QR code needs
The design choices that separate a QR code people scan from one they ignore. Colors, logos, shapes, contrast — every rule backed by how scanners actually work.
Join thousands of businesses using QRTRAC for their QR code needs
The Fundamentals
The foreground (dark modules) must be at least 4x darker than the background. Camera sensors in phones decode QR codes based on contrast, not just color. Dark navy on white cream: ✓ perfect. Light gray on white: ✗ will fail. Test your contrast ratio with a free online tool before printing.
The QR code standard requires dark modules on a light background. Light-on-dark (e.g., white pattern on black) does not scan reliably because QR decoders look for dark areas to identify finder patterns. If you need a dark theme, place the QR code in a white framed box within your dark design.
You can place a logo in the center of your QR code — this is standard for branded codes. The QR standard's H (High) error correction rebuilds up to 30% of the pattern if obscured. Keep your logo footprint under 25% of the total code area, and always test scan reliability before print runs.
The three large squares in the top-left, top-right, and bottom-left corners are the finder patterns — they tell the scanner where the code is and how it's oriented. These must remain intact, undistorted, and uncropped. Any design customization should avoid these areas.
A QR code without a CTA relies on user curiosity alone. Adding "Scan for menu", "Scan to save 20%", or "Scan to connect" consistently lifts scan rates 20-40%. People don't scan things they don't understand. Make the value exchange explicit and immediate.
These foreground colors test reliably on white/light backgrounds. Avoid pure red and orange — infrared camera sensors deprioritize them.
Charcoal Black
#1A1A2E
Navy Blue
#1e3a5f
Forest Green
#14532d
Deep Purple
#4a1d96
Dark Teal
#134e4a
Dark Brown
#78350f
Pure Red
#dc2626
Orange
#ea580c
QRTRAC's Design Toolkit
Upload your logo — QRTRAC auto-sets H error correction and validates scan reliability.
Full foreground/background color control with contrast warnings before you download.
Square, rounded, dot, diamond modules — finder patterns always protected.
Save your branded style as a template for team-wide consistency at scale.
Expert answers on logos, colors, shapes, and everything that affects scan reliability.
Yes, but you must use H (High) error correction — which allows up to 30% of the code to be obscured. Keep your logo to no more than 20-25% of the total QR code area. Larger logos risk scan failure. Center the logo precisely: off-center logos can corrupt the finder patterns in the corners, which are critical for decoding.
The dark module color (foreground) must have at least a 4:1 contrast ratio against the light background. Dark module on light background — not the other way around. Avoid red or orange foregrounds as camera sensors struggle with near-infrared contrast. Safe choices: dark navy, charcoal, forest green, dark purple on white or light cream.
Inverted QR codes (light pattern on dark background) are not supported by the QR code standard and will fail to scan on most devices. If you need a dark background, add a white square 'frame' or border area so the QR code itself remains dark-on-light within the frame.
Well-designed custom QR codes can actually scan faster because they're more visually distinctive — people scan them more confidently. Poorly designed ones (inverted colors, insufficient contrast, oversized logos) scan worse. Flowcode has published data showing properly branded codes achieve up to 2.5x higher scan rates due to user recognition and trust.
Standard QR codes use square modules, but stylized QR codes can use rounded squares, dots, diamonds, or organic shapes for the data modules. The three finder pattern squares in the corners must remain recognizable squares — if they're too distorted, scanners fail to orient the code. QRTRAC's designer lets you customize module shapes while preserving finder pattern integrity.
Yes. Adding a short call-to-action label (e.g., 'Scan to see menu', 'Scan for 10% off') below or alongside the QR code consistently increases scan rates by 20-40% in A/B tests. People don't scan QR codes they don't understand. Make the value exchange obvious.
Design your QR code today
Logo, color, custom domain, unlimited scans. Free 7-day trial — no card required.