Check your QR code color contrast

Pick your code and background colors. We sample the whole gradient, find its weakest point and suggest a fix if it's too light.

Preview of your colors as a QR code
Weakest contrast4.49:1Readable on screens, risky in print or dim light.

The weakest point is 100% along the gradient, where the code is #e0217c.

Try #dc207a for the gradient end. It reaches 4.5:1 on this background.

Uses the WCAG luminance contrast formula. We recommend 4.5:1 or more between the lightest part of the code and the background. Why contrast matters

Why the weakest point matters

Phone scanners turn the camera image into black and white. If any part of the code is too close to the background, those modules flip, and if enough flip in one place, error correction can't recover. With gradients, the light end is where codes fail, so we judge the whole gradient by its weakest color, not its average.

We use the WCAG relative luminance formula. It's a good proxy for how cameras separate light from dark, though not an exact model of any one sensor. Aim for 4.5:1 or more, keep the code darker than the background, and proof special inks such as metallics on real stock. Read the contrast guide.