# Can QR Codes Be Any Color? Yes - Here's What Still Scans Source: https://ezqr.ca/colored-qr-code Last modified: 2026-09-14 Description: Yes - a QR code can be almost any color: phones read contrast, not hue. Dark navy, green, and burgundy scan reliably; yellow and pastels fail. Free colored QR code generator with live preview - no watermark, no signup. A QR code can be almost any color. Phone cameras read **contrast**, not hue, so dark navy, forest green, burgundy, purple, and charcoal all scan reliably on a light background. The ones that fail are low-contrast: yellow, pale pastels, and light gray on white. Set your brand color below and download free - no signup. ## Yes, QR Codes Can Be Colored Phone cameras read QR codes by **contrast**, not by color. As long as the dark squares stay clearly darker than the background, the code scans - whether the "dark" is black, deep navy, forest green, burgundy, or charcoal. That gives you real room to design. What kills colored QR codes is low contrast: pastel-on-white, yellow on anything, light blue on cream. The scan fails before it starts, and customers move on. EZQR's [custom QR code generator](https://ezqr.ca/custom-qr-code) lets you preview the colors live as you adjust, so the design choice and the scan reliability stay in sync. ## Make a Colored QR Code (Free, No Signup) EZQR's [custom QR code generator](https://ezqr.ca/custom-qr-code) handles solid colors, gradients (linear or radial), separate colors for the corner frames and centers, and a transparent background - all on one page. No account, no watermark, no expiry. The code it produces is a static QR that keeps working as long as the link does. 1. **Open [the custom QR code generator](https://ezqr.ca/custom-qr-code).** Free, no signup. Color, shape, and logo controls all in one place. 2. **Pick a dark foreground and a light background.** Dark navy, deep green, burgundy, or charcoal on white scans reliably. Avoid yellow, light blue, or pastel pink for the foreground - they read as low-contrast and fail. 3. **Apply your brand colors.** Set the foreground (the dots) to your brand color and the background to white or a very pale tint. Optional: add a gradient or color the corner frames separately. Preview updates live. 4. **Download as SVG for print or PNG for screen.** SVG keeps the colors sharp at any size - best for posters, packaging, or signage. Toggle a transparent background if you want to drop the QR onto an existing design. 5. **Test scan distance on both iOS and Android.** Stand at the distance customers will actually scan from. If either phone struggles, increase contrast or scale the code up. ## Color Combinations That Work (and Ones That Don't) | Combination | Scans? | Why | | --- | --- | --- | | Dark navy on white | Yes | Strong contrast, brand-friendly for finance, tech, professional services. | | Forest green on cream | Yes | Warm, organic feel - works for outdoor, hospitality, wellness brands. | | Burgundy on white | Yes | Deep red is dark enough for reliable scanning, distinctive on print. | | Black on bright orange | Usually | Works at print sizes, but test under low light - orange can dull on cheap paper. | | Yellow on white | No | Effectively zero contrast. The camera can't tell the squares apart from the background. | | Light gray on white | No | Modern-looking, but the contrast is too low for reliable scanning. | | White on dark navy (inverted) | Sometimes | Works on newer phones (iOS 14+ and modern Android cameras). Older phones may struggle. Test before printing at scale. | ## Which QR Code Colors Work? A Color-by-Color Guide The question isn't really "can a QR code be colored" - it's whether *your* color is dark enough. Here's how the common ones behave when used as the QR pattern on a white or near-white background: - **Navy, black, and charcoal - safest.** Maximum contrast. A dark navy QR code looks more designed than pure black and carries no scan risk at all. - **Purple, burgundy, and forest green - reliable.** Dark enough at full saturation. These are the workhorse brand colors for a colored QR code that still scans first try. - **Dark blue and deep teal - reliable.** Both sit well below the brightness of white paper, so the camera separates the squares cleanly. - **Red and orange - usually fine, test first.** An orange QR code works at poster size but dulls on uncoated stock. Print a proof and scan it before committing to a run. - **Gray and grey - depends on the shade.** Dark gray scans; light gray on white does not. If you can comfortably read body text in that gray, the code will scan. - **Yellow, light blue, and pastel pink - don't.** A yellow QR code on white is effectively invisible to a camera. If yellow is your brand color, put it in the *background* and keep the pattern dark. - **Multicolor and rainbow - only via gradient.** A multicolor QR code works when every color in the gradient stays dark. The moment one band goes pale, that region of the code stops resolving. ## Choosing a QR Code Color Palette A QR code color palette needs exactly two things: one dark tone for the pattern and one light tone for the background. Everything else - gradients, separately colored corner frames, a logo - sits on top of that foundation. Pull the darkest color in your brand palette for the pattern and the lightest (or plain white) for the background, and the code will scan. If your brand has no dark color, don't force a pale one into the pattern. Use charcoal or navy for the code itself and carry the brand palette in the surrounding design - the frame, the caption, the "scan me" label. The code reads as part of the palette without gambling the scan on it. ## Colorful QR Codes: Using More Than One Color A colorful QR code doesn't have to mean a risky one. The [color QR code generator](https://ezqr.ca/custom-qr-code) gives you three safe ways to use more than one color at once: - **A gradient across the pattern** - linear or radial, between two colors. Keep both ends dark and the code still scans as reliably as a solid fill. - **Separately colored corner frames and centers** - the three finder squares can take their own colors, which is the cleanest way to get a multi-color look without touching the data area. - **A tinted background** - a pale brand tint behind a dark pattern reads as colorful while keeping the contrast gap intact. What breaks colorful QR codes is mixing light and dark within the pattern itself - a rainbow gradient that passes through yellow, or pastel dots scattered among dark ones. The camera needs every data square to land clearly on the dark side of the line. Color QR codes freely, but keep that one rule and the live preview will confirm it before you download. ### How do I make a colourful QR code? Open the [colour QR code generator](https://ezqr.ca/custom-qr-code) and pick a gradient, or set the corner frames and centres to their own colours. Both give you a colourful QR code that still scans, because the data squares stay dark against a light background. Avoid gradients that pass through pale colours like yellow or mint - a colourful QR code fails at the point where the pattern stops being clearly darker than what's behind it. ## Setting the QR Code Background Color The QR code background color has as much say in whether a code scans as the pattern does. White is safest, but any pale tint works - cream, blush, pale mint, light sand. What matters is the gap between background and pattern. The [custom QR code generator](https://ezqr.ca/custom-qr-code) also offers a **transparent background**, which is what you want when dropping the code onto an existing design. One caution: transparent means the code inherits whatever sits behind it, so make sure that surface is light and uncluttered. A transparent QR over a photograph is the most common way a technically valid code ends up unscannable in the wild. ### How do I design a QR code for a dark background? Invert it: light pattern on the dark background. Set the QR pattern to white or a very pale tint and the background to your dark brand color. Inverted codes scan on iOS 14+ and modern Android cameras, but older phones can struggle, so this is the one case worth testing on the oldest phone you can find before printing at scale. If the audience skews older or the print run is large, the safer route is a light panel behind the code - keep the QR dark-on-light and let the dark background surround that panel. ### Can a QR code be white on a black background? Yes - a white QR code on a black background is the inverted case above, and it's the usual answer for a dark-mode layout or a black product box. It scans on modern phone cameras precisely because the contrast is still high; what breaks a code is low contrast, not which end is dark. The catch is that some older readers assume dark-on-light and give up on an inverted code, so white-on-black costs you a slice of your audience that plain black-on-white doesn't. Use it when the design genuinely calls for it, test on the oldest phone you can find, and if the print run is large, put the code in a light panel instead. ## Where Colored QR Codes Make a Difference ### Branded Marketing Materials QR matches your campaign palette instead of clashing as a black square in the middle of your design. ### Wedding Invitations & Programs QR in your wedding palette - burgundy, forest, navy, dusty rose - instead of a hard black square breaking the aesthetic. ### Restaurant Menus QR in your restaurant's brand color so the table tent feels designed, not improvised. ### Product Packaging Colored QR matches the rest of the packaging, integrating into the design rather than fighting it. ### Event Signage QR in event colors keeps lanyards, posters, and stage signage looking like one campaign. ### Print Ads & Magazines A colored QR sits inside the ad's design system. Black-on-white feels like a paste-in. ## When You Also Want to Edit the Destination Later The free custom generator produces **static** QR codes - the destination URL is baked into the pattern. If you only need to [make a link into a QR code free](https://ezqr.ca/make-link-into-qr-code-free) with no follow-up changes, that's all you need. Perfect when the link is permanent: a vCard, your homepage, a long-term landing page. If you might want to **change the destination later without redesigning or reprinting** the colored asset, you need a [dynamic QR code](https://ezqr.ca/editable-qr-codes), which is an EZQR account feature. Same colored design, repointable to a new link any time, with per-code [scan analytics](https://ezqr.ca/track-qr-code-scans) for free along the way. ## Best Practices for Colored QR Codes - **Aim for at least a 4:1 contrast ratio.** Same minimum that web accessibility guidelines (WCAG) use for text. If you can read body text in those colors, the QR code will scan. - **Keep the background lighter than the foreground.** Inverted (light on dark) works on most modern phones, but adds risk - don't invert unless you really need to. - **Convert to CMYK before commercial print.** RGB blues and oranges can shift surprisingly far in CMYK. Get a proof from your printer and re-test scanning on the proof. - **Use a gradient on the background, not the QR pattern.** Gradients on the dots themselves confuse contrast detection in mid-range. If you want a gradient feel, gradient the background and keep the dots a solid dark color. - **Test on cheap paper too.** Newsprint and uncoated stock dull colors. A QR that scans on glossy photo paper might fail on a flyer. ## Common Questions ### Can a QR code be any color? Almost any color, yes - as long as the pattern stays darker than the background. Phones read a QR code by **contrast**, not hue, so dark navy, forest green, burgundy, purple, or charcoal all scan reliably on a light background. The colors that fail are low-contrast ones - yellow, pale pastels, or light gray on white - where the camera can't tell the squares apart from the background. ### Can QR codes be different colors? Yes. You can set the QR pattern to one brand color and the background to another, color the corner frames separately, or apply a gradient across the code. The [custom QR code generator](https://ezqr.ca/custom-qr-code) shows a live preview so you can see immediately whether a color combination keeps enough contrast to scan. ### Do QR codes work in different colors? Yes - QR codes work in different colors as long as each one stays dark against a light background. The scan is driven by the brightness gap, not the hue, so swapping black for navy, green, burgundy, or purple changes nothing about how reliably the code reads. Only low-contrast choices break it. ### Can QR codes be colored? Yes. Coloring a QR code is a normal, supported design change, not a hack - the specification only requires that the dark modules stay darker than the light ones. Custom coloring QR codes to match a brand is exactly what the [custom QR code generator](https://ezqr.ca/custom-qr-code) is for: pick the pattern color, the background color, and optionally a gradient or separate corner colors. ### Is there a QR code color changer for a code I already have? Recoloring an existing QR *image* in a photo editor is a bad idea - you'll fight anti-aliased edges and usually end up with a code that scans inconsistently. Regenerate it instead. Paste the same link into the [custom QR code generator](https://ezqr.ca/custom-qr-code), set your colors, and download a clean SVG. The pattern is identical, so anything already pointing at that link keeps working. ### Do I need a CMYK QR code for professional printing? Your printer will want CMYK, but you don't need a special CMYK QR code - you need to convert the color and re-check it. Download the SVG, convert it to CMYK in Illustrator or your print tool, and look at the result: RGB blues, greens, and oranges can shift noticeably once converted, and a color that was comfortably dark in RGB can come back lighter. Get a physical proof from the printer and scan the proof, not the screen. ### How do I change a QR code's colors and keep it scannable? Open the [custom QR code generator](https://ezqr.ca/custom-qr-code), set a dark foreground and a light background, and keep the contrast high (aim for the 4:1 ratio WCAG uses for body text). Color the background or the corner frames rather than fading the pattern itself, download an SVG for print, and test-scan on both an iPhone and an Android before printing at scale. Follow that and you can recolor a QR code to match your brand without breaking the scan. ### Is the colored QR code generator really free? Yes. [Our custom QR code generator](https://ezqr.ca/custom-qr-code) is free, no account, no watermark, no expiry. You can pick any solid color or gradient, color the corner frames separately, toggle a transparent background, and add a logo or "scan me" caption - all without signing up. ### Will a colored QR code scan as well as black-on-white? If the contrast is high (dark color on light background, or vice versa), yes - the scan reliability is identical to a black and white QR code. Phones don't care about color, they care about the brightness difference between the squares and the background. ### What's the safest "branded" color for a QR code? Dark navy or charcoal on white. Both keep maximum contrast, look more polished than pure black, and work in almost every brand palette. If your brand color is darker than navy when printed, that works too. ### Can I make a QR code with two colors or a gradient? Yes - the [custom QR code generator](https://ezqr.ca/custom-qr-code) supports linear and radial gradients, plus separate colors for the corner frames and centers. Used carefully, this looks great. Live preview shows you immediately if a combination breaks the contrast. ### Can a QR code be any colour? Almost any colour, yes - as long as the pattern stays darker than the background. Phones read a QR code by **contrast**, not hue, so dark navy, forest green, burgundy, purple, or charcoal all scan reliably on a light background. The colours that fail are low-contrast ones - yellow, pale pastels, or light grey on white - where the camera can't tell the squares apart from the background. ### How do I make a coloured QR code in my brand colours? Open the [custom QR code generator](https://ezqr.ca/custom-qr-code), set the pattern to your brand colour and the background to white or a very pale tint, and keep the contrast high. You can colour the corner frames separately or add a gradient on the background. The live preview shows you immediately whether a coloured QR code still has enough contrast to scan, so you can download an SVG for print with confidence. ### Do QR codes work in different colours? Yes - QR codes work in different colours as long as each one stays dark against a light background. The scan is driven by the brightness gap, not the hue, so swapping black for navy, green, burgundy, or purple changes nothing about how reliably the code reads. Only low-contrast choices break it. ### Can QR codes be coloured? Yes. Colouring a QR code is a normal, supported design change, not a hack - the specification only requires that the dark modules stay darker than the light ones. Custom colouring QR codes to match a brand is exactly what the [custom QR code generator](https://ezqr.ca/custom-qr-code) is for: pick the pattern colour, the background colour, and optionally a gradient or separate corner colours. ### How do I change a QR code's colour and keep it scannable? Open the [custom QR code generator](https://ezqr.ca/custom-qr-code), set a dark foreground and a light background, and keep the contrast high (aim for the 4:1 ratio WCAG uses for body text). Colour the background or the corner frames rather than fading the pattern itself, download an SVG for print, and test-scan on both an iPhone and an Android before printing at scale. A coloured QR code generated that way scans exactly as well as a black one. ### What background colour should a coloured QR code use? White is safest, but any pale tint works - cream, blush, pale mint, light sand. What matters is the gap between the background colour and the pattern colour. A transparent background is also available, which suits dropping the code into an existing design, as long as the surface behind it is light and uncluttered. ### Does color affect QR code error correction? No - error correction is about pattern redundancy, not color. As long as the camera can read the squares, the code corrects errors the same way regardless of what color they are. ### Why does my colored QR code work on iPhone but not Android (or vice versa)? Different cameras have different contrast sensitivity. If a code fails on one platform, the contrast is borderline. Bump the foreground color darker, lighten the background, or scale the code up. Always test both platforms before mass-printing. ### Colored QR Quick Tips - Dark foreground, light background - 4:1 contrast minimum (WCAG body-text rule) - SVG for print, PNG for screen - Convert to CMYK before commercial print - Gradient the background, not the QR pattern itself - Test on iPhone *and* Android before going to print ## Colored QR Code FAQ ## Where can I download high-resolution QR codes for print? Generate a QR code on the EZQR home page and download it as a [scalable vector (SVG)](https://ezqr.ca/vector-qr-code) or high-resolution PNG - both are print-ready. Static QR codes are free forever, with no watermarks and no account required. ## What file format is best for printing QR codes? [Vector formats (SVG, EPS)](https://ezqr.ca/vector-qr-code) are ideal because they scale infinitely without quality loss. For raster images, use PNG at 300+ DPI. PDF is excellent for final layouts and print-ready files. ## How small can I print a QR code and still have it scan? The minimum practical size is about 15mm x 15mm (0.6" x 0.6") for close-range scanning. The sizing rule is: code width = scan distance รท 10, so a code scans from roughly ten times its own width. See our guide to [printing QR codes](https://ezqr.ca/qr-codes-for-printing) for sizing tips. ## Why won't my printed QR code scan properly? Common issues include insufficient contrast, too small size, poor print quality, missing quiet zone, or distorted proportions. Ensure high contrast, proper sizing, and test print before production. Use our [QR code scanner](https://ezqr.ca/qr-code-scanner) to confirm the printed code reads before your full run. ## What resolution do I need for print QR codes? Use 300 DPI minimum for raster images. [Vector formats (SVG, EPS)](https://ezqr.ca/vector-qr-code) don't have resolution limits and are preferred for print applications, especially large formats. ## What resolution do I need for large format QR code printing? For large-format printing - posters, banners, billboards - use a [vector file (SVG or EPS)](https://ezqr.ca/vector-qr-code). Vectors have no resolution limit, so the code stays sharp at any size. If you must use a raster image, export PNG at 300 DPI or higher at the final printed dimensions. Scannability depends on printed size and viewing distance as much as DPI: size the code to roughly one tenth of the distance people will scan from. ## Why does my QR code have gaps or white lines between the squares when I resize it? That's a known flaw in some QR code generators: they export each module as a separate shape, so when the code is scaled or printed, hairline gaps and white lines appear between the squares - which is why people end up manually touching codes up. EZQR doesn't have this problem. Our codes render as a single clean, solid shape, including a [crisp vector SVG](https://ezqr.ca/vector-qr-code), so they stay gap-free at any scale with no manual editing needed. ## Can I print QR codes in color? Yes, but maintain high contrast between the code and background. [Dark colors on light backgrounds](https://ezqr.ca/colored-qr-code) work best. Avoid low-contrast combinations like yellow on white or red on black. ## How do I ensure QR codes print correctly in CMYK? Convert colors to [CMYK color space](https://ezqr.ca/colored-qr-code) before printing. Use 100% black (K) for the QR code elements and ensure the background is 0% for maximum contrast. Test print to verify appearance. ## How do I make a QR code for a PDF? A QR code can't hold an entire PDF, so the code carries a link and the document opens when someone scans it. There are two routes. Host the PDF yourself - Google Drive, Dropbox, or your own site - set sharing to "anyone with the link," then paste that link into the EZQR generator and download a high-resolution QR code; a static code for a link you host is free forever. Or, on a paid plan, upload the PDF straight to EZQR and we host it, so there are no sharing settings to get wrong and you can [swap the file later without reprinting](https://ezqr.ca/change-qr-code-after-printing). See [how to make a QR code for a PDF](https://ezqr.ca/qr-code-for-pdf) for both walkthroughs. ## Can QR codes be different colors? Yes - a QR code doesn't have to be black and white. On the [colored QR code generator](https://ezqr.ca/colored-qr-code) you can set the code color and background to match your brand, as long as you keep strong contrast between the two so phone cameras still read it cleanly. Dark code on a light background is the most reliable combination. ## Can a QR code be any color? Almost any - the one rule is contrast. A QR code can be [any dark color on a light background](https://ezqr.ca/colored-qr-code) (or the reverse) and still scan; problems only appear with low-contrast pairs like yellow on white or light grey on white. Pick your brand color for the code, keep the background pale, and test a scan before printing. ## Is there a free colored QR code generator? Yes. You can [make a colored static QR code for free](https://ezqr.ca/colored-qr-code) on ezqr.ca - free forever, no watermark, and it never expires. Set the code and background colors, download it as a high-resolution PNG or vector SVG, and it's ready to print. ## Can I change the colour of a QR code? Yes - you can set both the code colour and the background colour on the [colour QR code generator](https://ezqr.ca/colored-qr-code). Keep a strong contrast between them (a dark code on a light background works best) so it scans reliably, then download it ready for print. ## Can QR codes be coloured? They can. A QR code can be [coloured to match your brand](https://ezqr.ca/colored-qr-code) as long as the code stays darker than its background so cameras can tell the squares apart. Choose your colours, keep the contrast high, and test a scan before you print a full run. ## Can you turn a PDF into a QR code? Not the file itself - a QR code is too small to hold a whole document - but you can point one at your PDF so it opens on any phone. Host the PDF (Google Drive, Dropbox, or your site), set it to "anyone with the link," and paste that link into the [PDF QR code generator](https://ezqr.ca/qr-code-for-pdf). If you'd rather not host it anywhere, a paid plan lets you upload the PDF to EZQR and we host it for you. Either way, choose a dynamic code if you might swap the PDF later without reprinting. ## Can a QR code link to a PDF? Yes. Put the PDF somewhere with a public link, then [generate a QR code for that link](https://ezqr.ca/qr-code-for-pdf) - when someone scans it, the PDF opens in their browser to read or download. It's the standard way to put a menu, brochure, spec sheet, or form onto printed material. On a paid plan you can also upload the PDF to EZQR and point the code at it directly, which saves finding somewhere to host it. ## How do I create a QR code for a document? Put the document somewhere it has a public link, create a QR code for that link, and print the code - when someone scans it, the document opens on their phone. The steps don't change with the file format, only where the document lives: a Word, PowerPoint, or Excel file needs to be shared from Google Drive, OneDrive, SharePoint, or Dropbox first, while a PDF can be [uploaded straight to EZQR on a paid plan](https://ezqr.ca/qr-code-for-pdf) so there are no sharing settings to get wrong. A static code for a link you host is free forever. ## Can I make a QR code for a Word document? Yes. Share the .doc or .docx from Google Drive, OneDrive, SharePoint, or Dropbox with "anyone with the link" access, then make a QR code for that share link. Worth knowing before you print a run: most phones download a Word file rather than displaying it, so scanners land in a file viewer instead of their browser. Saving a PDF copy and pointing the code at that gives a much smoother read - see [how to make a QR code for a PDF](https://ezqr.ca/qr-code-for-pdf). If what you want instead is to place a QR code inside the document you're writing, that's covered in [inserting a QR code in Word](https://ezqr.ca/insert-qr-code-in-word). ## Can someone scan a QR code from a TV or computer screen? Yes - phone cameras read codes off televisions, monitors, projectors, and lobby signage as reliably as off paper, and often better because the screen is lit. Two things spoil it: glare from a window on a glossy screen, and someone watching on the same phone they would scan with, since a phone cannot scan itself. For on-screen codes in a video or a slide deck, keep them large and leave them up for several seconds - see [video QR codes](https://ezqr.ca/video-qr-code). --- EZQR: static QR codes are free forever; dynamic QR codes (editable destination, scan analytics) require a plan. Site summary for agents: https://ezqr.ca/llms.txt - every page in one document: https://ezqr.ca/llms-full.txt Any page is available as Markdown at its own URL with `Accept: text/markdown`, or by appending `.md` to the path.