QR Code Design Best Practices — Colors, Logos, Sizes, and Error Correction

A well-designed QR code gets scanned. A badly-designed one gets ignored — or worse, fails to scan entirely. Here are the rules that matter, backed by how QR scanners actually work.

Color Rules

QR scanners detect contrast between dark modules (data) and light modules (background). Break the contrast and the code breaks.

Rule	Why
Dark modules on light background	Scanners expect this orientation
Minimum 40% contrast ratio	Below this, many cameras fail
Never invert (light on dark)	Most scanners can't read inverted codes
Avoid red/green combos	~8% of men are red-green colorblind; cameras also struggle
Keep the quiet zone white	The white border around the QR code is mandatory spacing

Safe color combos: Dark blue on white, black on light yellow, dark green on white, dark purple on cream. Customize freely on QRMax — the generator warns you if contrast is too low.

Logo Placement

Adding a logo to the center of a QR code works because of error correction — the logo essentially "damages" part of the code, and error correction rebuilds the missing data.

• Use error correction level H (30%) when adding a logo
• Keep the logo under 20% of total QR area to stay within correction limits
• Add a white padding border around the logo so modules don't bleed into it
• Use simple, high-contrast logos — detailed logos at QR-code scale become illegible anyway

See our detailed logo guide for step-by-step instructions.

Size Guidelines

Use Case	Minimum Size	Scan Distance
Business card	2 cm (0.8 in)	10-15 cm
Flyer / A4 page	3 cm (1.2 in)	20-30 cm
Poster	5 cm (2 in)	50-100 cm
Banner / billboard	30+ cm (12+ in)	3-10 meters
Packaging label	1.5 cm (0.6 in)	5-10 cm

The rule of thumb: scan distance = 10x the QR code width. A 3 cm code scans from up to 30 cm away. See our full size guide.

Error Correction Levels

Level	Redundancy	Use When
L (Low)	7%	Maximum data density needed, clean environment
M (Medium)	15%	Default for most use cases
Q (Quartile)	25%	Codes that may get slightly damaged
H (High)	30%	Adding logos, outdoor/industrial use

Higher error correction = larger QR code for the same data. Don't default to H unless you need it.

Dot Styles and Frames

Modern QR generators like QRMax offer rounded dots, diamond shapes, and custom corner styles. These are purely aesthetic — they don't affect scannability as long as the contrast and sizing rules are met.

Adding a frame with a call-to-action ("Scan Me", "View Menu", "Get Discount") increases scan rates by 30-50% according to industry data.

Can I use gradients in QR codes?

You can, but keep the darkest part of the gradient above the minimum contrast threshold. Subtle gradients work; dramatic ones often fail.

Should I match QR colors to my brand?

Absolutely — as long as you maintain contrast. A branded QR code looks intentional rather than generic, which builds trust and increases scan rates.

Related Articles

• How to Add a Logo to a QR Code — detailed logo overlay guide
• Custom QR Code Shapes and Styles — dot styles, corners, frames
• QR Code Error Correction Explained — deep dive into L/M/Q/H