QR Code Generator

Give the contact code your brand colour, it still saves cleanly

A vCard code takes colour well as long as the pattern stays dark on a light background. Underneath the tint it still holds the full contact — name, phone, email, company, title — so a scan saves your details to the phone regardless of whether the modules are black or your brand's blue.

Colour leaves the encoded contact untouched, but a vCard is one of the wordier payloads, which makes it dense and its modules small. Small modules punish weak contrast, so the colour choice matters more here than on a code carrying just a short link.

A dense contact code needs firm contrast

Every field you fill — name, phone, email, org, title, url — adds characters and packs the code tighter, shrinking the modules. Tight, small modules only read cleanly when the pattern is clearly darker than the background.

Reach for the deepest version of your brand colour, not a mid-tone. If you've filled several fields, treat the module colour as effectively near-black with a hint of brand rather than a soft, decorative shade.

Trim fields, then the colour has room to breathe

Fewer fields means a sparser code with larger modules, and larger modules tolerate a slightly lighter or richer brand colour. If a coloured vCard is scanning poorly, cutting the job title or a second URL can help as much as deepening the colour.

Keep the durable core — firstName, lastName, phone, email — and add org or title only when the card genuinely needs them.

  • Core fields: firstName, lastName, phone, email.
  • Fewer fields, larger modules, more colour freedom.
  • Cut url or title first if a coloured code scans poorly.

Don't invert on a dark business card

Dark-stock business cards tempt an inverted, light-on-dark code, but many phone cameras won't read it. Set a dark-module code inside a light panel on the card instead — a small pale rectangle keeps it scannable at the tiny size a card forces.

Test in greyscale and at true print size. If the coloured code doesn't read as obviously dark-on-light when the colour is stripped out, the camera won't manage it either.

How to colour a vCard code

  1. Enter the core fields. Fill firstName, lastName, phone and email — the details a scan reliably saves to contacts.
  2. Add org and title sparingly. Each extra field packs the code tighter and leaves less contrast headroom for colour.
  3. Choose a dark module colour. Use your deepest brand tone. On a multi-field card, lean near-black; a mid-tone is the usual reason it won't scan.
  4. Keep it dark-on-light and test at size. Never invert. Scan at the real card dimensions and deepen the colour if it hesitates.

Technical details

  • Maximum characters: 4296
  • Recommended error correction: Q (quartile) — the vCard's normal level; colour changes appearance, not module count, so keep it here and focus on contrast.
  • Fields: firstName, lastName, phone, email, org, title, url — more fields raise density and demand stronger contrast.
  • Colour never alters the encoded contact; keep modules clearly darker than the background.

Frequently asked questions

Can I make a vCard QR code in brand colours?
Yes, keeping dark modules on a light background. The code still encodes the full contact, so a scan saves the name, phone and email whatever the tint. Because a vCard is dense, use the deepest version of your colour with strong contrast rather than a soft, mid-tone shade.
Why does my coloured vCard code scan worse than a plain one?
A vCard packs several fields, making it dense with small modules that need sharp contrast — and colour usually reduces contrast. Deepen the module colour, cut any non-essential fields like a job title or URL, and keep the background pale. Check it still reads dark-on-light in greyscale.
Does colour affect whether the contact saves to the phone?
No. Colour is cosmetic and never touches the encoded vCard data. As long as the coloured code scans, the phone parses the same name, number and email and offers to save them. Contrast decides readability; the saved contact is identical to a black-and-white code's.
Can I use a light code on a dark business card?
It's risky — many cameras refuse an inverted, light-on-dark contact code, and a card that won't scan wastes the print. Place a dark-module code inside a small light panel on the dark stock instead, and test it at the real, tiny card size before ordering.
Do I need to raise error correction to colour a vCard?
No. The vCard type already uses a higher recovery level, and colour removes no modules, so keep that level as-is. Colouring is entirely a contrast exercise: make the pattern clearly darker than the background. Raise correction only if you were adding a logo, not colour.
Does the number of fields change how colourable the code is?
Yes, indirectly. More fields mean a denser code with smaller modules, which demands stronger contrast and limits how light or subtle your colour can be. Trimming to the essential fields enlarges the modules and gives your brand colour more room to work reliably.

See also

Related generators