Print vs Screen — CMYK, Pantone, and the Delta-E Problem

If you send a client a #FF4500 orange logo and they print business cards, they will come back and say the color is wrong. They are not imagining it. The screen displayed sRGB, the printer rendered CMYK, and the two gamuts don't overlap in the orange corner. A whole industry — Pantone, color profiles, press proofing — exists to minimise the surprise.

The strong opinion for designers who don't live in print: if the deliverable will be printed, specify a Pantone and let the printer handle the conversion. Hand a printer a hex code and they'll pick a CMYK approximation. Hand them a Pantone and they'll match within a quarter of a point of ΔE. One of those is a reliable product. The other is "it came back muddy."

Here is the mechanics of why, and the field-usable rules.

Gamut, in one picture you can't see here

sRGB and CMYK are both subsets of all possible colors humans can see. They overlap in the middle (most greens, blues, pinks, midtones) and diverge at the edges.

sRGB can display, CMYK can't print:

• Saturated oranges above ~#FF4500
• Vivid cyans past the printable "process cyan"
• Pure neon greens and limes
• Any color you'd call "electric"

CMYK can print, sRGB can't display (easily):

• Metallic silvers, golds, bronzes (printed with real metallic ink)
• Fluorescents (printed with fluorescent spot colors)
• Very deep near-blacks when using rich black (C60 M40 Y40 K100)

They both do fine:

• Most mid-tone grays and browns
• Desaturated blues, greens, pinks
• The whole middle of the gamut where 90% of design lives

This is why your blue logo prints fine and your orange logo prints muddy. The orange was outside CMYK; the printer picked the nearest in-gamut color, which looks dusty and brownish compared to the screen.

CMYK and what it actually describes

CMYK = Cyan, Magenta, Yellow, Key (black). Numbers 0–100 per channel. Printed as four separate ink layers that combine subtractively.

Why it's four and not three: in theory C=100 M=100 Y=100 is black. In practice it's a wet muddy brown that takes forever to dry. Adding K channel lets you print clean black and brighten the darks. "Rich black" uses low amounts of CMY under the K to deepen the perceived black.

What CMYK values do NOT tell you:

• Paper type. Coated stock reflects more light; the same CMYK prints brighter. Uncoated absorbs ink; same CMYK prints muted.
• Ink type. Standard offset ink prints differently than UV ink or inkjet.
• Which printer / press. Every machine has a slightly different idea of "C=100."
• Which profile is being assumed. US-SWOP, FOGRA39, GRACoL — three common profiles, three different renderings of the same CMYK values.

So when a designer sends C=12 M=100 Y=98 K=3 to a printer, the printer's response is "on what profile?" The answer is usually "I'll trust the profile embedded in the PDF." If no profile is embedded, the printer picks one and the result is unpredictable.

For converting a screen color to a reasonable CMYK breakdown with the context it needs, the CMYK Print Color Palette Generator outputs the CMYK components alongside the sRGB source so you can hand both to the print shop.

Pantone — a controlled vocabulary

Pantone's business is: here is a book of ~2000 colors, each one is a specific ink formula, printers all over the world will produce the same color from the same name.

The hierarchy:

• PMS (Pantone Matching System) solid coated / uncoated. The spot colors — single, pre-mixed inks. These are the ones you reference when you want brand color consistency: "Pantone 185 C" is a specific red.
• Pantone + CMYK bridge. Each Pantone spot color has a documented CMYK equivalent. This is the one you use when the budget doesn't cover spot printing.
• Pantone Fashion, Home + Interiors. Different book, different industry. Your startup doesn't need this one.

The design-studio pattern:

1. Pick a Pantone for the logo. This is the "ground truth" color. 2. Document the sRGB and HEX equivalent for screen use. 3. Document the CMYK bridge equivalent for process printing. 4. For critical print runs (packaging, major signage) use spot Pantone ink. 5. For everyday process print (business cards, flyers) use the CMYK bridge, accept a small shift.

If you need to build a brand around a Pantone-feel without specifically owning one, the Pantone-Inspired Color Name Generator returns swatches with Pantone-style naming conventions so you can shop by vibe before committing to a spot color spec.

ΔE — the number that quantifies "how different do these look?"

Delta-E (ΔE) is a distance in Lab color space between two colors. The scale, in rough thresholds:

| ΔE | What it means | |---|---| | 0 | Identical | | < 1 | Not perceptible by human eyes | | 1–2 | Perceptible on close inspection | | 2–3.5 | Perceptible at a glance | | 3.5–5 | Clearly different, but same color family | | > 5 | Obviously different colors |

Industry benchmarks:

• Textiles and print often accept ΔE up to 2.0 in production.
• Automotive paint matching aims for ΔE < 1.0.
• Pharmaceutical packaging regulators sometimes demand ΔE < 0.5.
• Screen-to-screen (e.g., a brand app looking the same across phones) is often around ΔE 3–5 given hardware variance; closer is a losing fight.

What this means for your brand:

If you own a Pantone, the printer should hit ΔE < 1 against the chip reliably. If you've handed over a hex and said "match this," you'll typically see ΔE 2–4 and sometimes worse, especially for saturated colors near gamut edges.

ΔE is the vocabulary to use when a client says "the color is wrong." It replaces "wrong" with a number both parties can argue about.

Rich black vs black black

Any designer who has printed a dark background has learned this one. K=100 with no other inks is "black" but it looks like a very dark grey next to body text. Why: the paper shows through the single ink layer.

Rich black formulas:

• Standard rich black: C40 M30 Y30 K100 — darker, warm.
• Cool rich black: C60 M40 Y40 K100 — darker, slightly blue.
• Registration black: C100 M100 Y100 K100 — the darkest possible, but ink coverage over 300% total starts causing drying issues on most presses. Use for registration marks only, not large areas.

The rule: body text and small graphics stay at K=100 (sharp edges, no misregistration risk). Large black blocks go to rich black (looks like black instead of dark grey).

The ten most common print mistakes

Ranked by how often they show up in production:

1. Submitting RGB files for CMYK print. The printer's RIP converts them, usually poorly. Convert in your tool with a known profile. 2. No bleed. Standard is 3mm (0.125"). No bleed means your edge color might show as a thin white sliver after trim. 3. Hairline strokes under 0.25pt. Won't print consistently. Minimum 0.5pt for black, 1pt for anything else. 4. Thin text in registration black. Any slight misalignment of the four plates and the text turns rainbow at the edges. Use K=100 only for small text. 5. Pure sRGB blue (#0000FF) converted to CMYK. Comes out as a dusty violet. Use a specific Pantone or accept it won't match screen. 6. Spot colors in a four-color job. Doubles the plate count, triples the cost. Make sure spots are intentional. 7. Low-res raster images. 300 DPI at final size, minimum. 150 DPI prints acceptably for large-format where viewing distance is far. 8. Fonts not embedded or outlined. Printer doesn't have your font licensed, prints Arial instead. 9. Transparency flattening surprises. Any blending mode or opacity that gets flattened late can shift the output. Flatten in your tool with preview on. 10. Trusting the on-screen preview as a proof. Always get a physical proof for anything expensive. The screen is sRGB; the proof is the actual CMYK on the actual paper.

A worked example — a book cover

Protagonist: Ingrid, designing a cover for a small-press novel. The design uses a bright coral background, cream title text, deep navy author name.

Problem: her screen coral is #FF6B5A. In sRGB it reads like a muted salmon-pink; the printer's quote came back saying "this will shift noticeably in CMYK."

The workflow that fixes it:

1. Identify the Pantone closest to the intended coral. Pantone 7416 C is #E8604C — closer to the printable range. Spec that. 2. Document that the sRGB display equivalent is #E8604C and the CMYK bridge is roughly C0 M80 Y70 K0. 3. For the cream text, pick #F5EBD9 and verify its CMYK is C2 M6 Y16 K0 — well inside gamut, prints reliably. 4. For the navy, pick #1C2951. CMYK bridge C100 M90 Y40 K40 with rich-black components; prints as deep navy, not grey-blue. 5. Verify contrast on screen (navy on coral is 5.1:1; cream on coral is 4.7:1 — both pass AA, which matters for the cover's readability). 6. Request a printed proof before the full run.

For the on-screen stage of her workflow, the Brand Color Palette Generator seeds the full logo-and-cover set in one go. The Color Contrast Pair Generator is the one she'll use repeatedly to verify the navy-on-coral stays legible as the layout evolves. For shade variations of the coral once she locks in the Pantone-anchored hex, the Tints and Shades Generator builds the shade range she'll need for hover states, muted callouts, and the back-cover's secondary palette.

When print doesn't matter

Not every project needs this discipline. The honest triage:

• Business cards, flyers, swag. Pantone-spec the brand, trust the bridge for everything else. Done.
• Packaging. Spot Pantone for the brand color, physical proof mandatory, QA against ΔE < 2.
• Billboards and signage. Pantone + a drive-by proof. ΔE under 3 is realistic.
• Internal reports printed on an office inkjet. Nobody cares. Use whatever you have.
• Digital-only brand with occasional print asks. Spec one Pantone bridge for the one time it comes up; use sRGB tokens for everything else.

The mistake is treating all print as the same category. Business cards and packaging demand different levels of color-match discipline; applying packaging-level process to business cards burns time nobody paid for.

The one-line summary

Screen color is sRGB math; print color is physical ink; Pantone is the shared vocabulary that translates between them; ΔE is how you measure the gap. If you spec a Pantone and verify contrast on screen, almost everything else sorts itself out.

What to put in a brand guidelines color section

The actual deliverable, specified. For every brand color your identity uses, document:

1. Pantone spot (both coated — e.g. "PMS 185 C" — and uncoated when they differ meaningfully). 2. CMYK bridge values for process printing. 3. sRGB (both hex and RGB-decimal — some print software wants one, some wants the other). 4. Approved alternate values for specific media: fabric embroidery (DMC thread number), vinyl (Avery or 3M code), paint (Pantone metallic equivalent or a RAL number). You will not have these at launch. You will accumulate them over the first year of real print production. 5. Minimum contrast rules stating which text colors are permitted on which background colors, with achieved ratios. Non-designers will reach into the brand guidelines when building slides and emails; the rules save them from themselves. 6. The things you did NOT choose and why. "We do not use the brand color below 10pt text; use --brand-text-dark instead." Prevents the misuse that your design team sees coming before anyone else does.

A brand doc that lists only "primary: #FF4500" guarantees the color will be printed inconsistently for a decade. A brand doc that documents all six items above is a doc the vendor can execute against without calling you.

For the color-tuning side of this (building the full ramp around a Pantone before writing it into the brand doc), the Brand Color Palette Generator is useful as a prototyping tool before you commit to any specific hex.