News

RGB vs CMYK: When to Use Each Color Mode in Design Files

You approve a design on screen, the blues are electric, the greens pop, everything looks perfect. Then the printed flyers arrive and the blue went muddy purple and the green turned flat. Nine times out of ten, the culprit is a single setting nobody checked: the color mode.

This guide breaks down RGB vs CMYK the way a studio actually uses it day to day. No theory dump, just what each mode does, why colors shift, which mode belongs in which file, and the conversion mistakes that quietly ruin printed marketing material.

RGB vs CMYK: the short answer

Use RGB for anything that lives on a screen. Use CMYK for anything that gets printed with ink. RGB mixes light, CMYK mixes ink, and they are not interchangeable.

  RGB CMYK
Stands for Red, Green, Blue Cyan, Magenta, Yellow, Key (black)
Color model Additive (mixes light) Subtractive (absorbs light)
All channels at max White Dark muddy brown/black
All channels at zero Black White (the paper)
Color range Wider, includes neons and glowing tones Narrower, limited by ink and paper
Best for Websites, social posts, video, apps, email, digital ads Flyers, business cards, brochures, packaging, signage
File types PNG, JPG, SVG, WebP, GIF, MP4 Print-ready PDF, AI, INDD, TIFF, EPS
Typical notation #1A73E8 or 26, 115, 232 C89 M50 Y0 K9
cmyk color swatches printing

How RGB works: light added together

Every pixel on your phone, monitor or TV is made of three tiny light sources: red, green and blue. Turn them all off and you get black. Turn them all on at full power and the light adds up to white. That is why RGB is called an additive color model.

Because screens emit light, RGB can produce colors that genuinely glow: hot pinks, laser greens, saturated cyans. Nothing printed with ink on paper can reproduce that, because paper does not emit anything, it only reflects.

RGB is not one single thing

There are several RGB working spaces and they matter more than most people think:

  • sRGB: the safest default for the web, social media and email. If you are unsure, pick this.
  • Adobe RGB (1998): wider range, useful for photography that will later be printed, because it holds more of the cyan and green tones CMYK can handle.
  • Display P3: a wider space used by modern Apple devices and increasingly by browsers. Great for punchy digital work, risky if exported carelessly for print.

Exporting an Adobe RGB or Display P3 file straight to the web without converting to sRGB is one of the most common reasons a logo looks dull or off-hue on a client’s laptop.

How CMYK works: ink subtracting light

Printing starts with white paper reflecting all wavelengths. Each ink layer removes some of them. Cyan absorbs red, magenta absorbs green, yellow absorbs blue. Stack them and you subtract more and more light until you approach black. This is a subtractive model.

In theory, cyan plus magenta plus yellow gives black. In practice it gives a soggy dark brown, and it soaks the paper. So printers add K, the key plate, which is pure black ink. It sharpens text, deepens shadows and cuts ink consumption.

CMYK values are expressed in percentages of ink coverage, from 0 to 100. A value like C0 M100 Y100 K0 gives a strong red. C0 M0 Y0 K100 gives flat black.

cmyk color swatches printing

Why colors shift between screen and print

The technical word is gamut: the total range of colors a device can reproduce. The RGB gamut is bigger than the CMYK gamut, and the two shapes do not overlap perfectly. Some RGB colors simply have no ink equivalent. Anyone digging further should read RGB vs CMYK: Which is Better.

When you convert, the color management engine must pick the nearest printable color. That is why these shifts keep happening:

Color on screen What usually happens in print
Electric blue, royal blue Shifts toward purple or violet
Neon green, lime Goes flat and dusty
Hot pink, fluorescent orange Loses intensity, reads salmon or coral
Pure saturated cyan Actually prints well, cyan is an ink
Deep rich black Prints grey if built as K100 only on large areas

Paper adds another layer of difference. Coated gloss stock holds ink on the surface and keeps colors bright. Uncoated stock absorbs ink, so the same file prints noticeably softer and slightly darker. Newsprint is softer still.

Which color mode for which design file

Deliverable Color mode Notes
Logo master file Both, exported separately Vector source plus an RGB set and a CMYK set
Website graphics, favicons RGB (sRGB) SVG, PNG or WebP
Instagram, TikTok, LinkedIn posts RGB (sRGB) CMYK uploads look washed out or get rejected
Email signatures and newsletters RGB (sRGB) Use hex values in the HTML
Flyers, leaflets, posters CMYK Add 3 mm bleed and keep text inside the safe margin
Business cards, stationery CMYK, or CMYK plus spot Spot color if the brand color is out of gamut
Packaging and labels CMYK plus Pantone spot colors Substrate matters: kraft, plastic and foil all shift color
Large format banners, vehicle wraps CMYK, ask the printer for their profile Wide format printers often use extra inks
Presentations and PDFs read on screen RGB Only switch to CMYK if it will be printed in volume
Merch: apparel, tote bags, mugs Depends on method Screen printing wants spot colors, DTG accepts RGB artwork

Logos: build one identity, export two palettes

A logo is the file that gets used everywhere, so it needs to survive both worlds. Best practice is to design in vector, then lock the brand colors in a specification sheet that lists every equivalent:

Brand color HEX RGB CMYK Pantone
Primary #E8315C 232, 49, 92 0, 90, 50, 0 PMS 1925 C
Secondary #1B2A4A 27, 42, 74 95, 80, 35, 25 PMS 2767 C

Values above are an example of format, not a recommendation. The point is that each brand color should have a tested print build, not an automatic conversion nobody ever looked at.

Social graphics: stay in RGB, always

Platforms recompress everything you upload and assume sRGB. A CMYK JPEG uploaded to a social platform typically comes out desaturated, or gets refused outright by the uploader. If your design was originally built for print, re-export it as sRGB before posting.

Flyers and brochures: set up CMYK from the first click

Do not design in RGB and convert at the end. Start the document in CMYK so that what you see while designing is already inside the printable range. You will instinctively avoid the colors that cannot be reproduced.

Packaging: CMYK plus spot, and never trust the screen

Packaging is the highest risk category because the substrate changes everything. A color printed on white coated board, on brown kraft and on a clear plastic film will look like three different colors from the same file. For packaging, ask your supplier for a physical proof on the actual material. A digital proof is not enough. (via https://featherflagnation.com)

cmyk color swatches printing

How to check which color mode a file is in

  • Adobe Photoshop: Image > Mode. The mode is also shown in the document tab title.
  • Adobe Illustrator: File > Document Color Mode. The tab title shows RGB/CMYK too.
  • Adobe InDesign: check the Swatches panel, each swatch shows its color space icon.
  • Affinity Designer / Photo: Document > Colour Format.
  • Figma: RGB only. Figma has no native CMYK mode, so print files need to pass through Illustrator, InDesign or the printer’s conversion.
  • Canva: the editor works in RGB. Choose “PDF Print” on export and tick the CMYK option where available on paid plans, otherwise the printer converts for you.
  • Any PDF in Acrobat Pro: Print Production > Output Preview shows the separations plate by plate.
  • Quick check on Windows: right click the image, Properties, Details, look for bit depth (32 bit often indicates CMYK).

How to convert RGB to CMYK without wrecking the design

  1. Ask the printer for their ICC profile first. Common ones are FOGRA51 or FOGRA39 in Europe, GRACoL 2013 or SWOP in North America, Japan Color in Asia. Using the right profile is half the battle.
  2. Soft proof before converting. In Photoshop use View > Proof Setup > Custom, select the printer profile, then View > Proof Colors. You will see the shift on screen before it costs you money.
  3. Turn on the gamut warning. View > Gamut Warning in Photoshop greys out every color that cannot be printed. Fix those areas manually.
  4. Choose a rendering intent. Use Relative Colorimetric with black point compensation for logos, flat brand colors and typography. Use Perceptual for photos with lots of saturated detail, since it compresses the whole range smoothly instead of clipping.
  5. Adjust after conversion, not before. Once in CMYK, lift saturation and contrast selectively on the colors that went dull. A small boost in the affected channel often recovers most of the punch.
  6. Rebuild flat brand colors by hand. Automatic conversion of a logo color is a starting point, not an answer. Enter tested CMYK values from your brand sheet.
  7. Convert a copy, keep the master. Never overwrite the RGB original. Converting back and forth degrades the file every round trip.
  8. Export as PDF/X-4 or PDF/X-1a with the print profile embedded, bleed included and fonts outlined or embedded.

Should you ever leave a file in RGB for print?

Sometimes yes. Many modern digital presses and online print services run their own colour managed workflow and prefer to receive tagged RGB files, because their RIP converts using a profile tuned to that exact machine and paper. This is common for photo books and short run digital printing. The rule is simple: do what your printer’s spec sheet says. If they do not publish one, send CMYK.

cmyk color swatches printing

Black, the detail that separates amateur from professional print

Black is where most print jobs go wrong quietly.

  • Plain black (K100): use for body text, small type and fine lines. It prints crisp and avoids registration problems.
  • Rich black: a common build is C60 M40 Y40 K100. Use for large black backgrounds so they look deep instead of washed out grey.
  • Registration black (C100 M100 Y100 K100): never use it for artwork. It is a printer’s alignment marker, it saturates the paper and smears.
  • RGB black (0,0,0) converted automatically: often becomes a four color muddy black on text, causing blurry edges. Always check your text is K only.

Also watch total ink coverage. The sum of the four channels should usually stay under 300 percent on coated stock and under 240 to 260 percent on uncoated or newsprint. Too much ink means slow drying, set off and smudging.

7 color mistakes that ruin printed marketing materials

  1. Designing the whole campaign in RGB and converting the night before the deadline. You lose all the time you would have needed to fix the shifts.
  2. Using a screenshot or web image in a print file. A 72 ppi sRGB JPEG pulled from a website will print soft and dull. Print needs 300 ppi at final size.
  3. Placing small black text as a four color build. Any tiny misregistration on press gives you fuzzy, coloured-edge text.
  4. Trusting an uncalibrated monitor. Two screens in the same office will show different reds. Calibrate, and judge critical colors from a printed proof.
  5. Picking a neon or fluorescent brand color without a spot ink plan. CMYK cannot reproduce fluorescents. Budget for a Pantone spot or choose a color that survives.
  6. Mixing RGB and CMYK images inside the same print document. It creates inconsistent conversions across the page, especially when two elements use the same brand color.
  7. Forgetting bleed and safe margins. Not strictly a color issue, but it kills as many jobs as bad color does. Keep 3 mm bleed and 5 mm inner safe zone as a default.
cmyk color swatches printing

Pre-flight checklist before sending files to print

  • Document color mode set to CMYK with the correct ICC profile embedded
  • All placed images at 300 ppi at final size, converted to CMYK or tagged as required
  • Brand colors matched to approved CMYK or Pantone values, not auto conversions
  • Body text set in K only black
  • Total ink coverage within the printer’s limit
  • Spot colors named consistently, no duplicate or stray swatches
  • Bleed added, crop marks included, fonts embedded or outlined
  • Exported as PDF/X, then opened and checked in Acrobat Output Preview
  • Physical proof requested for packaging, large runs and anything brand critical

FAQ: RGB vs CMYK

What happens if I print an RGB file?

The printer’s software converts it automatically using a generic profile. Sometimes the result is fine. Often the saturated blues, greens and pinks shift noticeably and blacks turn flat. You lose control over the outcome, which is the real problem.

Do I always need to convert RGB to CMYK before printing?

Not always. Offset and most commercial printers want CMYK files. Some digital presses and photo printing services prefer tagged RGB and handle the conversion with a device specific profile. Check the supplier’s file preparation guide before exporting.

Why don’t printers just use RGB inks?

Because ink does not emit light, it absorbs it. Reproducing color on paper requires subtractive primaries, which are cyan, magenta and yellow, plus black for density and sharp text. Red, green and blue inks would not be able to mix into the full range on a white substrate.

How do I know if my image is RGB or CMYK?

In Photoshop check Image > Mode, in Illustrator check File > Document Color Mode, and for a PDF use Acrobat Pro’s Output Preview. The document tab in Adobe apps also displays the mode next to the file name.

Is CMYK better than RGB?

Neither is better. They solve different problems. RGB has a wider range and belongs on screens, CMYK matches what ink can physically do on paper. Choosing based on the final medium is the only correct approach. There is more on it in CMYK & RGB.

Can I convert CMYK back to RGB?

Technically yes, and it is what you do when a print design needs to go on social media. But the colors lost in the first conversion do not come back. Always keep the RGB master file.

What about Pantone spot colors?

Pantone inks are pre-mixed, so they hit exact colors that a four color build cannot, including fluorescents and metallics. They cost more per job but guarantee consistency across print runs, which matters for packaging and brand identity.

Does Canva support CMYK?

Canva works in RGB internally. Paid plans offer a CMYK option when exporting a print PDF. For serious print work, especially packaging, prepare the final file in a print-focused application or let your designer handle the conversion.

Need your brand colors to match everywhere?

Getting RGB vs CMYK right is not about memorising theory, it is about setting up files correctly from the very first document and locking your brand colors in both spaces. At Lil Kitty Graphics we build brand color systems with tested values for screen, digital print and offset, plus print-ready files that pass pre-flight the first time. Get in touch and let’s make sure your printed material looks exactly like what you approved on screen.

Search

Recent News

  • All Post
  • Graphic Designs
  • News
  • Web Design
Load More

End of Content.

Subscribe

You have been successfully Subscribed! Ops! Something went wrong, please try again.

About Us

Our company specializes in designing the minute details of a client request. We provide businesses grow with visual marketing resources that add figures to their bottom line.
Copyright © 2022 Lil Kitty Graphics. All Rights Reserved.