RGB vs CMYK: the short answer first

RGB is for anything that lights up. CMYK is for anything that gets printed with ink. That single sentence covers about 90% of real design decisions. The other 10% is where projects go wrong, and that is exactly what this guide is about.

Most articles stop at “RGB for screen, CMYK for print”. That is true but useless when your client’s vivid blue logo comes back from the printer looking like a dusty navy, or when your black background prints as a washed out charcoal. Below you will find the decision rules per project type, the color shift problems that actually happen in production, and a conversion workflow that keeps your files punchy instead of muddy.

What RGB actually is (additive light)

RGB stands for Red, Green, Blue. It is an additive color model: you start with a black screen and add light. Add all three channels at full strength and you get pure white. Remove all light and you get black.

• Used by monitors, phones, tablets, TVs, projectors, LED walls and digital signage
• Values run from 0 to 255 per channel, or as hex codes like #1A73E8
• Capable of very bright, saturated, glowing colors that ink physically cannot reproduce
• Common working spaces: sRGB (web standard), Adobe RGB (wider, photography and print prep), Display P3 (modern Apple and high end displays)

Why sRGB is still the safe default for the web

Browsers, social platforms and email clients still treat untagged images as sRGB. If you export a photo in Adobe RGB and upload it to Instagram or a WordPress site, the colors usually flatten out and look desaturated because the wider gamut gets misread. Design in sRGB, export in sRGB, embed the profile.

What CMYK actually is (subtractive ink)

CMYK stands for Cyan, Magenta, Yellow and Key (black). It is a subtractive model: paper starts white and every drop of ink subtracts light that would otherwise bounce back to your eye. Layer all inks and you approach a muddy dark brown, which is why a dedicated black ink exists.

• Used by offset presses, digital presses, laser and inkjet printers, large format plotters
• Values are expressed as percentages, for example C0 M100 Y100 K0 for a strong red
• Gamut is noticeably smaller than sRGB, and dramatically smaller than P3
• Common output profiles: FOGRA39 / FOGRA51 (Europe), GRACoL 2013 and SWOP (North America), plus printer specific profiles

RGB vs CMYK: side by side comparison

Criteria	RGB	CMYK
Color model	Additive (light)	Subtractive (ink)
Channels	3 (R, G, B)	4 (C, M, Y, K)
White is created by	All channels at maximum	Absence of ink (the paper)
Black is created by	Absence of light	Black ink, often boosted with C, M, Y
Gamut size	Large, includes neon and glowing tones	Smaller, no true neon or glow
File formats	JPG, PNG, WebP, SVG, GIF, MP4	PDF/X, TIFF, EPS, AI, INDD
Typical resolution	72 to 144 PPI, sized in pixels	300 PPI at final size (less for large format)
File weight	Lighter (3 channels)	Heavier (4 channels)
Best for	Websites, apps, social, video, screens	Business cards, brochures, packaging, banners

Which color mode for which project

This is the section to bookmark. Pick the row that matches your job and set your document up before you draw a single shape, not after.

Project	Color mode	Profile / setup	Export
Website graphics, UI, banners	RGB	sRGB, hex values	WebP, PNG, SVG
Social posts, stories, thumbnails	RGB	sRGB, embed profile	JPG quality 80 to 90, or PNG
Email signatures and newsletters	RGB	sRGB only, no CMYK PDFs	PNG or JPG
Business cards, letterheads	CMYK (+ spot if needed)	FOGRA39 or GRACoL, 300 PPI, 3 mm bleed	PDF/X-4 or PDF/X-1a
Flyers, brochures, catalogs	CMYK	Printer supplied profile, ink limit 300%	PDF/X-4 with crop marks
Packaging and labels	CMYK + Pantone	Spot colors for brand accuracy, dielines on separate layer	PDF with named spot channels
Large format: posters, roll ups, banners	CMYK (some RIPs prefer RGB, ask first)	100 to 150 PPI at final size, or 1:10 scale at 300 PPI	PDF/X-4, flattened transparency
Vehicle wraps and signage	Ask the print provider	Many wide format RIPs convert from RGB with better results	PDF or TIFF as requested
Apparel: screen print	Spot colors (vector)	Limited ink count, separations per color	AI or EPS with named swatches
Apparel: DTG and sublimation	RGB normally	sRGB, RIP handles conversion	PNG with transparency
Logo master files	Both	Keep separate RGB, CMYK and Pantone versions in the brand kit	SVG, AI, EPS, PDF, PNG

The one exception people forget

Some digital presses and wide format RIPs actually produce better results from a well tagged RGB file than from a CMYK file you converted yourself, because the RIP applies a device specific conversion that is more accurate than a generic profile. Never assume. Send one email to the printer asking two questions: which color profile do you want, and do you prefer RGB or CMYK source files? That email saves more reprints than any plugin. Related reading: Difference Between CMYK and RGB.

Why your colors shift when you send files to print

Color shift is not bad luck, it is physics plus a few predictable file errors. Here are the ones that hit designers most often.

1. Out of gamut colors get squashed

Bright cyan, electric blue, fluorescent orange, hot pink, neon green and pure saturated purple simply do not exist in four color process ink. When you convert, the software finds the nearest printable neighbor. Vivid #0000FF blue becomes a slightly violet navy. Neon green turns into a flat grass green.

Fix: use View > Proof Setup > Custom in Photoshop or Illustrator, choose your print profile, then turn on Gamut Warning. Adjust the out of gamut areas manually while still in RGB, so you control the result instead of the algorithm. If the brand color is non negotiable, budget for a Pantone spot color or a fifth ink.

2. Flat black instead of deep black

A large area printed with K100 only looks grey and blotchy on paper. Meanwhile, a black created as C100 M100 Y100 K100 (400% ink) will not dry, will offset onto the next sheet and may be rejected by the preflight.

Use case	Recommended black	Total ink
Body text, small type, thin lines	K100 only	100%
Large black backgrounds (coated stock)	C60 M40 Y40 K100	240%
Uncoated or newsprint	C40 M30 Y30 K100	200%
Cool rich black (photo backgrounds)	C60 M0 Y0 K100	160%

Never set small text in rich black. Any tiny registration error on press turns the letters into a blurry colored halo.

3. The muddy conversion problem

You hit Image > Mode > CMYK Color, the image instantly loses life, and you push saturation back up in CMYK. The result on paper is dirty and heavy. What happened: converting a compressed, already edited JPG with a generic profile using the wrong rendering intent, then editing in a space that has no headroom left.

Fix: keep your master in RGB with layers, do all tonal and saturation work there, and convert only at export using Edit > Convert to Profile with the correct destination profile and rendering intent. Use Relative Colorimetric with Black Point Compensation for graphics and most photos, and Perceptual for photos loaded with saturated out of gamut areas such as sunsets or florals.

4. Mixed color spaces in the same file

An InDesign document set to CMYK with three placed RGB PNGs, one Pantone swatch, one CMYK logo and a transparent drop shadow is the classic recipe for surprises. The RIP will convert what you did not, using assumptions you never chose.

Fix: run Window > Output > Separations Preview in InDesign and Ink Manager to check exactly which inks exist in the document. Convert stray spot colors to process, or keep them intentionally.

5. Screen calibration and paper stock

Your monitor is bright and backlit at maybe 300 nits. Paper is reflective and its brightness depends on the room. Uncoated stock absorbs ink and lowers contrast by a visible amount compared with gloss coated. Even a perfect file looks different on different papers.

Fix: calibrate your display, view proofs under neutral light, and request a hard proof on the real stock for any job where color matters or the print run is large.

6. Transparency, overprint and effects

Drop shadows, glows and multiply blend modes created in an RGB document behave differently once flattened in CMYK. Overprint set on a white object makes it disappear entirely on press. vistaprint.com goes into the numbers.

Fix: use Overprint Preview before exporting, and export as PDF/X-4 which keeps live transparency handled properly by modern RIPs.

How to convert RGB to CMYK without dull results

Follow this order. It is the difference between a print that looks like your design and one that looks like a photocopy of it.

1. Ask the printer for the destination profile. FOGRA39, FOGRA51, GRACoL 2013, SWOP or a custom ICC file. Install it before starting.
2. Work in RGB as long as possible. Photoshop retouching, color grading and effects all behave better in a wide space. Adobe RGB (1998) is a good working space when the destination is print.
3. Soft proof early. View > Proof Setup > Custom, select the print profile, enable Simulate Paper Color to see the realistic result, then toggle Ctrl/Cmd + Y to compare.
4. Repair out of gamut areas in RGB. Selectively lower saturation and lift lightness on the problem colors. A slightly desaturated RGB source converts far more cleanly than a screaming one.
5. Add contrast and micro-contrast before converting. CMYK compresses the tonal range, so a small Curves S-boost and light sharpening in RGB compensate for the flatness you would otherwise get.
6. Convert with Edit > Convert to Profile, not Image > Mode. Choose engine Adobe (ACE), rendering intent Relative Colorimetric, and tick Use Black Point Compensation.
7. Correct after conversion, gently. Curves on the K channel or a subtle Selective Color pass. Do not push saturation hard, you will only add ink, not vibrance.
8. Check total ink coverage. Use the Info panel with Total Ink readout. Stay under 300% for coated and 240 to 260% for uncoated or newsprint.
9. Export PDF/X-4 with the profile embedded, bleed set, and marks according to the printer specification.
10. Preflight the PDF in Acrobat: color spaces, fonts embedded, image resolution, overprint, transparency.

Illustrator and InDesign specifics

• Illustrator: set the document color mode at creation via File > New > Advanced > Color Mode. Changing it later through File > Document Color Mode converts every swatch at once and can wreck gradients and blends. Build brand colors as global swatches so a single edit updates the whole artboard.
• InDesign: the document has no single color mode. Control color through Edit > Color Settings, the swatch definitions and the export destination in the PDF dialog. Set Output > Color Conversion to Convert to Destination (Preserve Numbers) so pure K100 text stays pure K100.
• Photoshop: keep the layered PSD in RGB as the master, and save a flattened CMYK copy for delivery. You will thank yourself when the client asks for a web version of the same asset.

How to check if a file is RGB or CMYK

• Photoshop: the mode appears in the document tab, for example “Layer 1, RGB/8”. Confirm in Image > Mode.
• Illustrator: the tab shows “CMYK/GPU Preview” or “RGB/GPU Preview”.
• Acrobat Pro: Print Production > Output Preview lists every ink present in the PDF.
• Windows: right click the file, Properties > Details, look for bit depth and color representation.
• macOS: open in Preview, then Tools > Show Inspector, check the color profile line.
• Quick clue: PNG, WebP, GIF and SVG are effectively always RGB. A CMYK JPG will fail to display correctly in most browsers, which is itself a useful test.

Pre-print checklist

1. Correct CMYK profile applied and embedded
2. Images at 300 PPI final size, or the resolution agreed for large format
3. Bleed added (3 mm in Europe, 0.125 in in the US) and safe margins respected
4. Rich black used only on large areas, K100 for small text
5. Total ink coverage within the printer limit
6. Spot colors either intentional and named correctly, or converted to process
7. Fonts embedded or outlined
8. No stray RGB images, unless the printer requested RGB
9. Overprint preview checked
10. PDF/X exported and preflighted

Quick reference: what to do in five seconds

• It will be viewed on a screen, so use RGB / sRGB
• It will be printed with ink, so use CMYK with the printer’s profile
• The brand color must match exactly, so add a Pantone spot color
• It needs to work in both worlds, so keep an RGB master and export CMYK versions from it
• You are unsure about wide format, so ask the print provider first

FAQ

Is it better to use CMYK or RGB?

Neither is better in absolute terms, they solve different problems. RGB is better for anything displayed on a screen because it has a wider gamut and matches how displays emit light. CMYK is better for anything printed because it describes actual ink on paper. The mistake is not choosing the wrong one, it is choosing late.

Do I need to convert RGB to CMYK for printing?

Usually yes for offset and commercial digital printing, and your printer will normally state the required profile. However, several wide format and photo lab workflows prefer tagged sRGB or Adobe RGB files and convert on their own RIP, which often gives a better result. Confirm before exporting rather than after.

Why don’t printers use RGB?

Because printers put ink on a surface instead of emitting light. Ink works subtractively: it absorbs part of the spectrum and reflects the rest. There is no ink that can create the brightness of a backlit red or blue pixel, so presses combine cyan, magenta, yellow and black to build the widest achievable range on paper. Color Matching CMYK vs RGB: What’s the Difference covers this in more depth.

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

Check the document title bar in Photoshop or Illustrator, or open Image > Mode. In Acrobat Pro use Output Preview to list the inks. On macOS the Preview Inspector shows the color profile, and on Windows the file Properties Details tab gives the color representation.

Why do my colors look dull after converting to CMYK?

Because saturated RGB colors sit outside the printable gamut and get mapped to the nearest available ink combination. Reduce the problem by soft proofing before conversion, adjusting the out of gamut areas manually in RGB, converting with Relative Colorimetric plus Black Point Compensation, and adding a small contrast boost before conversion rather than a saturation boost after it.

Can I convert CMYK back to RGB?

Technically yes, but you never recover the colors that were lost in the first conversion. The result usually looks flat compared with the original. Always keep the RGB master file and generate CMYK versions from it, not the other way around.

What about Pantone, HEX and RAL?

Pantone is a spot ink system for exact brand matching. HEX is simply RGB written in hexadecimal notation for web use. RAL is a paint and coatings standard used in industry and signage. Each one has its own conversion tolerance, so a Pantone to CMYK conversion is an approximation and should always be validated on a printed proof.

Which resolution goes with each mode?

RGB assets are sized in pixels for the target screen. CMYK print files are generally 300 PPI at final size for close viewing distances, 150 PPI for posters, and 72 to 100 PPI at full scale for billboards and large banners seen from a distance.

Final word

The RGB vs CMYK question is really a workflow question. Set the color mode at document creation, keep your master in RGB, soft proof against the real print profile, convert once with the right rendering intent, and validate with a proof when the job matters. Do that consistently and color shift stops being a surprise and becomes something you control.

Need help preparing print ready files or building a brand color kit that works on screen and on paper? Our team at gfx-art.org handles the setup, the conversion and the preflight so your colors land exactly where you expect them.