Colored QR codes: which colors work
A code does not have to be black and white. Follow one contrast rule and avoid a few risky combinations.
The main rule
A scanner converts the image to black and white and looks for dark modules on a light background. What matters is not hue but difference in brightness. Navy, burgundy, dark green and graphite codes on a light background read as well as black.
| Contrast | Result |
|---|---|
| 7:1 and above | reads reliably in any conditions |
| 4.5–7:1 | good, test in low light |
| 2.5–4.5:1 | borderline, failures possible |
| below 2.5:1 | does not read |
Good combinations
- Navy on white or cream.
- Burgundy or wine on light beige.
- Dark green on mint or light grey.
- Graphite on a pastel brand color.
Risky combinations
- Red on green and vice versa — similar brightness, only human eyes see the difference.
- Yellow, lime or light blue on white — modules too light.
- Grey on grey to match the interior.
- A code placed over a photo without a backing panel.
The studio indicator measures the contrast of the weakest module color and warns you when a combination is risky.
Inverted codes and gradients
iPhone cameras and most modern Android phones read light codes on dark backgrounds, but not every third-party scanner does. A gradient is fine as long as its lightest point stays dark enough against the background.
Printing in CMYK
Saturated screen colors dull when converted from RGB to CMYK. A code that looks contrasty on screen may turn pale on paper — print a proof.
FAQ
Can a QR code be white on black?
Yes, but some scanners will not read it. For a broad audience a dark code on a light background is safer.
Can the background be transparent?
Yes, but the code must sit on a light surface. On a dark or busy background a transparent code will not scan.