You export a logo that looks electric blue on your monitor, the printer sends a proof back, and suddenly it is a dull navy. Nothing was broken. The file was simply built in the wrong color mode. RGB vs CMYK is one of those fundamentals that quietly ruins brand assets, business cards, packaging and trade show banners every single week.

This guide gives you the short answer first, then the practical part most articles skip: exactly which mode to select when you create a new document in Illustrator, Photoshop, InDesign or Canva, a conversion workflow that does not wreck your colors, and the specific mismatch problems designers hit when sending files to a print shop.

The Short Answer: RGB for Screens, CMYK for Ink

Use RGB when the final destination is a screen. Use CMYK when the final destination is ink on a physical surface. That is the rule 95% of projects follow.

	RGB	CMYK
Stands for	Red, Green, Blue	Cyan, Magenta, Yellow, Key (black)
Color model	Additive (light)	Subtractive (ink/pigment)
All channels at max =	White	Muddy dark brown/black
All channels at zero =	Black	White (the paper)
Color range (gamut)	Wider, includes vivid neons	Narrower, no true neons
Values written as	0-255 per channel, or HEX (#1A73E8)	0-100% per channel (C0 M60 Y100 K0)
Best for	Websites, social media, apps, video, email, PDFs read on screen, digital ads	Business cards, brochures, packaging, posters, catalogues, apparel, signage
Common file types	PNG, JPG, SVG, WebP, GIF, MP4	Print-ready PDF/X, TIFF, AI, INDD, EPS

Why RGB and CMYK Behave So Differently

RGB is additive: you are mixing light

Every pixel on a monitor, phone or LED wall is made of tiny red, green and blue emitters. Start from a black screen and add light. Add all three at full strength and you get white. Because the screen generates its own light, RGB can produce colors that genuinely glow: hot pinks, acid greens, saturated cyans.

Standard RGB working spaces you will meet:

• sRGB – the safe default for web, social and anything viewed on an unknown device.
• Adobe RGB (1998) – wider gamut, historically used as a bridge to print because it contains more of the printable cyans and greens.
• Display P3 – wide gamut used by modern Apple and high-end displays. Great for screen work, still not printable at full saturation.

CMYK is subtractive: you are mixing ink

Paper starts white and reflects light. Ink subtracts wavelengths from that reflected light. Cyan, magenta and yellow layered together theoretically make black, but in reality they make a muddy brown, so a dedicated black ink (K) is added for depth, text sharpness and ink economy.

Since CMYK depends on reflected light rather than emitted light, it physically cannot reach the brightness of a backlit screen. This is not a software limitation. It is physics. It is argued more carefully on dusted.com.

Why Your Colors Shift Between Screen and Print

The single word answer is gamut: the range of colors a device can reproduce. The RGB gamut is significantly larger than the CMYK gamut. When you convert, every color that sits outside the printable range gets pulled to the nearest printable equivalent. That pull is the shift you see.

Colors that suffer most in an RGB to CMYK conversion:

• Bright blues (like #0000FF) go violet or muddy purple.
• Neon greens and limes flatten into a duller, yellower green.
• Hot pinks, fluoro oranges and corals lose their punch.
• Deep, rich blacks print as a washed grey if you only used 100% K on a large area.
• Very light pastels can band or shift hue because they rely on fine halftone dots.

Other factors that change how print looks

• Paper stock: the same file prints brighter on coated gloss than on uncoated recycled stock, where ink soaks in and dulls.
• Press profile: a digital toner press, offset press and large format inkjet each render CMYK slightly differently.
• Your monitor: an uncalibrated screen at 100% brightness will always make print look disappointing by comparison.
• Lighting: a proof viewed under warm office light looks different than under daylight.

Which Color Mode to Select in Each Application

Set the color mode when you create the document, not at the end. This is the most important habit in this whole article. Building in the wrong mode and converting later is where damage happens.

Adobe Illustrator

Illustrator asks you at creation, and the choice affects every swatch, gradient and effect you build afterwards.

1. Go to File > New.
2. Pick a preset: Print defaults to CMYK, Web and Mobile default to RGB.
3. Open Advanced Options and confirm the Color Mode and Raster Effects (300 ppi for print, 72 ppi for screen).
4. To check or change an existing file: File > Document Color Mode.

Tip: logos are usually built once in CMYK vector, then exported into RGB versions. Keep both master files rather than flipping one file back and forth.

Adobe Photoshop

1. File > New, then set Color Mode to RGB Color, 8 bit for screen work or for photo editing you will later convert.
2. Edit photos in RGB even when the destination is print. You get more editing headroom and more filters and adjustment layers work properly.
3. Convert only at the end: Edit > Convert to Profile and choose the CMYK profile your printer specified.
4. Preview the damage before committing with View > Proof Setup > Custom, then View > Proof Colors (Ctrl/Cmd + Y).
5. Use View > Gamut Warning (Ctrl/Cmd + Shift + Y) to see which areas will not survive.

Avoid Image > Mode > CMYK Color as a blind one-click action. It uses whatever CMYK profile happens to be set in your Color Settings, which may not match the press.

Adobe InDesign

InDesign is a layout tool, so it does not have a single document color mode. It handles mixed content and does the conversion at export.

• Build swatches as Process CMYK for print jobs, or as Spot if you are using Pantone inks.
• Place RGB photos if you want, then let the export handle conversion.
• Export with File > Export > Adobe PDF (Print) and pick a PDF/X standard.
• Under the Output tab, set Color Conversion to Convert to Destination (Preserve Numbers) and choose the destination profile your printer named.
• Use Window > Output > Separations Preview to confirm no stray RGB or unwanted spot plates are present.

Canva

Canva works internally in RGB. You cannot design in CMYK inside the editor, but you can export a CMYK-ready file.

1. Design as normal. Enter brand colors using HEX values.
2. Click Share > Download.
3. Choose PDF Print as the file type.
4. Tick Crop marks and bleed.
5. Under Color profile, select CMYK (best for professional printing).

Reality check: Canva converts using a generic profile with no gamut preview, so vivid brand colors can shift more than you expect. For business cards or a flyer this is usually acceptable. For packaging, brand-critical logo colors or anything with a Pantone match, build the file in Illustrator or InDesign instead.

Figma, Sketch and other UI tools

These are screen-first tools and work in RGB (Figma supports sRGB and Display P3 document color profiles). They are not print production tools. Export assets and rebuild print layouts in a print application.

Deliverable Cheat Sheet: Which Mode for Which Asset

Deliverable	Color mode	Notes
Website images and icons	RGB (sRGB)	Embed the sRGB profile so browsers render consistently
Social media graphics	RGB (sRGB)	Platforms recompress; avoid heavy gradients
Email signature / newsletter	RGB	Use HEX values, PNG or JPG only
Business cards, letterhead	CMYK (+ spot if needed)	Add 3mm bleed, outline fonts or embed them
Brochures, catalogues	CMYK	Export as PDF/X-4, check total ink limit
Packaging	CMYK + Pantone spots	Spot inks keep brand colors exact across runs
Large format banners, signage	CMYK	Ask the supplier; some wide-format RIPs prefer RGB input
Presentation decks / PDFs read on screen	RGB	Only switch to CMYK if it will be professionally printed
Apparel and merch	Depends on method	Screen print = spot colors; DTG = supplier profile
Office printer / in-house docs	RGB is fine	Desktop printer drivers convert automatically

The Conversion Workflow: RGB to CMYK Without Ruining Your Colors

Conversion is one-way in practice. Once you have squeezed a file into CMYK, converting back to RGB does not restore the original vibrancy. So do it deliberately, once, at the end.

1. Ask the printer first. Get three things: the required ICC/CMYK profile (for example a coated or uncoated FOGRA or GRACoL profile), the total ink limit, and the PDF standard they want.
2. Keep a master RGB file. Duplicate before converting. Name it clearly, such as logo_master_RGB.ai and logo_print_CMYK.ai.
3. Soft proof before you convert. In Photoshop use View > Proof Setup > Custom with the printer’s profile, then toggle Proof Colors. In Illustrator use View > Proof Setup. This shows you the shift on screen while you can still act on it.
4. Fix out-of-gamut colors manually. Do not accept the automatic result for brand colors. Nudge saturation and lightness in RGB until the proofed version looks acceptable, then convert.
5. Convert with the right intent. Use Relative Colorimetric with black point compensation for logos, flat graphics and most branded material. Use Perceptual for photographs with lots of saturated detail, since it compresses the whole range smoothly.
6. Rebuild blacks and rich blacks. Body text should be 100% K only. Large black areas benefit from a rich black build such as C60 M40 Y40 K100, but confirm the recipe with the printer.
7. Check the total ink coverage. Add up C+M+Y+K on your darkest areas. Most offset jobs cap around 280-320%. Too much ink causes set-off, smudging and slow drying.
8. Export a PDF/X file with bleed, crop marks and embedded fonts, with the destination profile embedded.
9. Request a physical proof for anything brand-critical or high volume. A screen proof is a prediction, a hard proof is evidence.

Converting CMYK back to RGB

Sometimes you inherit only CMYK assets. Convert to sRGB for screen use, then manually re-saturate to taste. Expect a slightly flat result, because the missing color data cannot be invented. If the logo exists as vector, recolor it with the correct HEX brand values instead of relying on the conversion.

Common Color Mismatch Problems When Sending Files to a Printer

1. The blue logo prints purple

Cause: a pure RGB blue converted automatically. Fix: define a CMYK recipe for your brand blue manually (often reducing magenta), or specify a Pantone spot color.

2. Black text looks fuzzy or has colored edges

Cause: the text was built as a four-color “registration-ish” black instead of 100% K. Any tiny misregistration on press shows as color fringing. Fix: set all small text to K only.

3. Large black background looks grey or streaky

Cause: 100% K alone is not dense enough for big areas. Fix: use a rich black build. RGB vs CMYK: Which is Better is a useful companion to this.

4. RGB images left inside a CMYK layout

Cause: placed photos never converted. The RIP converts them with its own default. Fix: use InDesign’s Separations Preview or a preflight profile to find them, and set the export to convert to the destination profile.

5. The same brand color prints differently on two items

Cause: different stocks, different presses, or two slightly different CMYK builds floating around your brand files. Fix: lock one master CMYK recipe per brand color in your brand guidelines, and use a Pantone spot when exact matching matters.

6. Colors look right on screen but the proof is dull

Cause: uncalibrated, over-bright monitor. Fix: calibrate your display and reduce brightness to a print-friendly level (roughly 120 cd/m2), and judge proofs under neutral daylight.

7. Accidental spot colors in the file

Cause: a stray Pantone swatch used on one small element adds an entire extra printing plate and cost. Fix: check the Separations Preview panel and convert unwanted spots to process.

8. Transparency and overprint surprises

Cause: effects like drop shadows and blend modes flatten differently in CMYK. Fix: preview with Overprint Preview turned on and export to PDF/X-4, which handles live transparency better.

Document Your Brand Colors in Every Mode

The cleanest way to avoid the RGB vs CMYK problem across an organisation is to publish every brand color in all four notations, so nobody has to guess or convert on the fly:

Color	HEX (web)	RGB (screen)	CMYK (print)	Pantone (spot)
Primary	#1A73E8	26 / 115 / 232	85 / 50 / 0 / 0	PMS 2727 C
Accent	#FF6B35	255 / 107 / 53	0 / 68 / 82 / 0	PMS 165 C

Values shown as an example format only. Always derive your own from a soft proof and, ideally, a printed sample.

Quick Pre-Flight Checklist Before You Send Files to Print

• Document color mode is CMYK (or spot where specified)
• Correct ICC profile from the printer is applied and embedded
• No stray RGB images inside the layout
• No unintended Pantone swatches in the Separations panel
• Small text set to 100% K only
• Rich black used for large solid black areas
• Total ink coverage within the printer’s limit
• 3mm bleed added and important content inside the safe margin
• Images at 300 ppi at final size (150 ppi is often acceptable for large format)
• Fonts embedded or outlined
• Exported as the requested PDF/X standard
• Hard proof requested for brand-critical jobs

FAQ

Is it better to use CMYK or RGB?

Neither is better overall. They serve different outputs. RGB is better when the artwork will be viewed on a screen because it offers a wider, more vivid color range. CMYK is better when the artwork will be printed with ink, because it matches how a press actually reproduces color. The mistake is not choosing the “wrong” one, it is not matching the mode to the final destination.

What happens if you print RGB instead of CMYK?

The file will still print. Somewhere in the chain, the press RIP or driver converts it to CMYK automatically using a generic profile. The risk is that you never see or control that conversion, so vivid blues, greens and pinks can come back noticeably duller or shifted in hue, and blacks can look weak. For a home printer this is fine. For a commercial run of thousands of pieces, it is a costly gamble.

Why don’t printers use RGB?

Because printers do not emit light, they lay down ink that absorbs and reflects it. Red, green and blue inks cannot be layered to make bright secondary colors the way light can. Cyan, magenta and yellow are the subtractive primaries that filter reflected light efficiently, and black is added for density, crisp text and lower ink cost. Some modern wide-format and inkjet devices actually accept RGB input and convert internally with extended ink sets, which is why you should always ask your specific supplier what they prefer.

Is JPEG RGB or CMYK?

JPEG supports both, but in practice it is almost always RGB. Browsers, phones and social platforms expect sRGB JPEGs, and CMYK JPEGs can display with inverted or wrong colors in some software. For print, use PDF or TIFF rather than JPEG whenever you can, since JPEG compression also introduces artefacts that become visible in ink.

Can I just convert a HEX code to CMYK with an online tool?

You can get a starting point, but online converters ignore the paper stock and press profile, so the result is a rough estimate. For brand colors, soft proof with your printer’s actual profile and adjust manually, or lock the color with a Pantone reference.

What about Pantone spot colors?

A spot color is a pre-mixed ink rather than a mix of four process inks. It gives consistent, repeatable results across print runs and can reach colors CMYK cannot, including fluorescents and metallics. The trade-off is extra cost per plate, so spots are typically reserved for logos, packaging and premium stationery.

Should I design in RGB and convert at the end, or start in CMYK?

For vector and layout work destined for print, start in CMYK so what you see is closer to what you will get. For photo retouching, edit in RGB for maximum flexibility and convert as the final step. For anything screen-only, stay in RGB from start to finish.

Final Takeaway

The RGB vs CMYK decision takes five seconds at the New Document dialog and saves hours of reprints later. Screen means RGB. Ink means CMYK. Set the mode first, soft proof before converting, define your brand colors in both notations, and always ask your printer for their profile and ink limit. Related reading: RGB vs CMYK: What’s the Difference.

Need brand assets prepared correctly for both screen and press, or a print file rescued before it goes on the machine? Get in touch with the team at Zigrin Visual and we will make sure your colors land the way you intended, on every surface.