Blue QR code
This preset draws the code in royal blue (#1d4ed8), dark enough for phone cameras. Paste your own link over the sample and download a PNG or SVG.
Free, no sign-up. Runs in your browser. Nothing you type or upload is sent to us or stored.
At a glance
- Contrast of #1d4ed8 on white
- 6.7:1, worked out by this tool with the WCAG 2 formula. The tool warns below about 4:1.
- Source: w3.org, checked 2026-11
- Darkness, not hue
- The tool's warning uses luminance contrast, the same measure as WCAG. A code scans when its modules are clearly darker than the background, whatever the colour.
- Source: w3.org, checked 2026-11
- Quiet zone
- A QR code needs a clear margin four modules wide on every side. Our download has a two-module border, so leave extra white space around it in your layout.
- Source: qrcode.com, checked 2026-11
A QR code you can keep changing
The code above always opens the same thing. Every Liite page comes with its own QR code that counts scans, and you can change the page behind it any time without reprinting.
Blue QR code: what to know
This page starts the QR code generator for this case. For every option and how to use it, see the QR code generator.
Which blue works
Royal blue (#1d4ed8) gives 6.7:1 against white, comfortably above the tool's warning level. Navy (#1e3a8a) gives 10.4:1 if you want more margin.
Light blues like sky or baby blue look good but scan badly. If your brand blue is light, use it for the frame or the text next to the code, not the code itself.
Replace the sample link
The code on load points to example.com so you can see the colour. Paste your own link before you download. Then scan the preview with your phone, ideally in the light where the code will be used.
Questions
Does the colour of a QR code matter?
Only its darkness. Keep the code clearly darker than the background; the tool warns you below about 4:1 contrast.
Can I make a blue QR code for free?
Yes. Paste your link above and download a PNG or SVG. There's no watermark or expiry.