Picture this:
You're about to learn everything about "CMYK vs RGB Why Your Design Looks Different in Print" β without the jargon, without the fluff, and with at least one dad joke that'll make you groan. Grab your coffee. Let's go.
Key Takeaways
11 min read
- 1The Colour Space Equation
- 2Understanding RGB: The Screen Colour Model
- 3Understanding CMYK: The Print Colour Model
- 4The Gamut Gap: Visual Explanation
- 5Side-by-Side Comparison
- 6How to Prepare Files Correctly
Question: Why does my design look different β often washed out β when printed compared to what I see on screen?
Answer: Your design is in RGB (Red, Green, Blue), the colour space of screens. Printers use CMYK (Cyan, Magenta, Yellow, Key/Black), a narrower colour space. When RGB is automatically converted to CMYK, colours outside the CMYK gamut β particularly bright blues, vivid greens, and neon shades β shift and lose vibrancy. The solution is to work in CMYK from the start or convert deliberately before printing.
The Colour Space Equation#
Colour Space = Gamut Boundary Γ Conversion LossRGB and CMYK are not just different colour naming conventions β they are fundamentally different colour models that cover different ranges of colours (gamuts). RGB covers more colours than CMYK can reproduce. When you send an RGB file to a printer, the printer converts it automatically β but this automatic conversion is where the problems begin.
<AcademyQuote>The most common cause of reprint requests is not a printer error β it is designers not understanding that the colour on their screen is literally impossible to reproduce in print. What you see on screen is not what you will get unless you design in CMYK from the start.</AcademyQuote>
Understanding RGB: The Screen Colour Model#
RGB (Red, Green, Blue) is an additive colour model used by all light-emitting displays:
- 1Computer monitors
- 2Television screens
- 3Smartphone displays
- 4Digital cameras
- 5Projectors
How RGB Works#
RGB creates colour by adding light. At full intensity, all three channels (Red + Green + Blue) combine to create white. At zero intensity, the result is black (no light). By varying the intensity of each channel, RGB can produce millions of colours.
The RGB gamut is wide β it includes colours that cannot be reproduced by any physical printing process. This is why designers working on screen see colours that are simply impossible to print.
The Colours That Cannot Print in RGB#
These common RGB colours will shift when converted to CMYK:
- 1Vivid sky blues (RGB 0, 191, 255) β shift noticeably toward cyan
- 2Electric greens (RGB 0, 255, 0 to RGB 57, 255, 20) β shift toward yellow-green
- 3Bright oranges (RGB 255, 165, 0) β shift toward yellow
- 4Neon pinks and magentas β shift toward magenta, losing brightness
- 5Saturated purples β shift toward blue or magenta
Understanding CMYK: The Print Colour Model#
CMYK (Cyan, Magenta, Yellow, Key/Black) is a subtractive colour model used in physical printing:
- 1Offset lithography (the most common commercial printing)
- 2Digital printing (toner and inkjet presses)
- 3Screen printing (but with spot colours as well)
- 4Flexography (packaging printing)
How CMYK Works#
CMYK creates colour by subtracting light. The four inks (Cyan, Magenta, Yellow, and Key/Black) are printed as tiny dots that overlap and combine to create the full spectrum of printable colours. At full coverage, CMYK creates rich blacks. At zero coverage, the white of the paper shows through.
The CMYK gamut is narrower than RGB β it deliberately represents only colours that can actually be reproduced with physical printing inks.
Why CMYK Has a Smaller Gamut#
Physical printing inks have pigment limitations. Cyan ink cannot reflect exactly the same wavelengths as a blue light. Magenta ink cannot match the brightness of a screen's red pixel. Yellow ink cannot perfectly replicate the green portion of the spectrum.
This is not a flaw β it is a physical reality. CMYK is optimised for print production, not for displaying the widest possible range of colours.
The Gamut Gap: Visual Explanation#
Imagine a map where:
- 1RGB is the entire continent β covering all colours that exist in the visible light spectrum as perceived by human screens
- 2CMYK is a country within that continent β the subset of colours that can actually be produced by printing inks
When your RGB design crosses into print, anything outside CMYK's border must be "pulled back" to the nearest reproducible colour. This is called gamut mapping β and it is why vivid screen colours become muted in print.
<AcademyProTip>If your brand colours are specifically chosen to be vivid (a bright orange, an electric blue), you need to understand that these will shift in print. Either adjust your brand colours to be print-safe, or use Pantone spot colours for brand-critical applications where exact colour is mandatory.</AcademyProTip>
Side-by-Side Comparison#
| Factor | RGB | CMYK |
|---|---|---|
| Used for | Screens, digital, web | Print production |
| Colour channels | Red, Green, Blue | Cyan, Magenta, Yellow, Key (Black) |
| Colour creation | Additive (light) | Subtract (ink absorbs light) |
| Gamut range | Wide (includes non-printable colours) | Narrower (only printable colours) |
| Vivid blues, greens, oranges | Bright, saturated | Shifted, muted |
| File size | Slightly smaller | Slightly larger (4 channels vs 3) |
| Design for screen | Native colour space | Will look different on screen |
| Design for print | Will look different when printed | Native colour space |
| Best for | Web, social, presentations | Flyers, brochures, packaging, business cards |
How to Prepare Files Correctly#
In Adobe Photoshop#
- Start in CMYK β Set your colour mode to CMYK before you begin: Image β Mode β CMYK Color
- Or convert at the end β If working in RGB forζε½± purposes, convert before printing: Image β Mode β Convert to Profile β Select the CMYK profile your printer requires
- Always save an RGB original β Keep your working file in RGB so you can edit freely, export a CMYK copy for print
In Adobe Illustrator#
- Set the document colour mode at the start β File β Document Color Mode β CMYK Color
- Design in CMYK from the start β Using RGB colours in Illustrator will cause conversion surprises when you export for print
- Check your swatches β Any RGB colours in your swatches panel will shift when printed
In Adobe InDesign#
- Set the document profile β Edit β Colour Settings β Choose a CMYK working space (South African printers typically use "Coated FOGRA39" or similar European CMYK profiles)
- Assign profiles, not convert β If you receive an RGB file, use Edit β Convert to Profile rather than Assign Profile
RGB to CMYK Conversion in Practice#
The Deliberate Conversion Method#
- Open your RGB file in Photoshop
- Select Image β Mode β Convert to Profile
- Choose the CMYK profile your print provider specifies (if they have not specified, "Coated FOGRA39" is a safe default for South African commercial printers)
- Check "Use Legacy Adobe RGB" if you want Photoshop's older, wider RGB space converted
- Save as a new file β never overwrite your RGB original
What to Look For After Conversion#
After converting to CMYK, open the Channels panel. You will see four channels (Cyan, Magenta, Yellow, Key/Black). Check for:
- 1Any channel showing 0% or 100% (normal for most images)
- 2Very heavy black channel usage (may indicate a flat, muddy image)
- 3Heavy magenta usage in skin tones (normal β magenta is key for skin reproduction)
The Gamut Warning#
Photoshop can flag out-of-gamut colours (colours that cannot be printed). Enable this warning:
- 1View β Proof Setup β Custom
- 2Check "Mark Out-of-Gamut Colours"
- 3The flag will show you exactly which colours will shift
<AcademyDadJoke>Why did the RGB file break up with the printer? Because every time it got converted to CMYK, it just could not handle the shift. They were just too different from the start.</AcademyDadJoke>
Common Scenarios and Solutions#
Scenario 1: Vivid Blue Logo on White Paper#
Problem: Your brand blue (RGB 0, 102, 255) looks dull and purple-ish when printed. Why: This blue is outside the CMYK gamut. The closest printable blue is darker and has more cyan/magenta. Solution: Adjust your brand blue to a CMYK-safe version: C=100 M=70 Y=0 K=0 (approximately). It will look slightly different on screen but accurate in print.
Scenario 2: Photography with Saturated Sky#
Problem: Your travel photo with a bright blue sky looks muted and greyish when printed. Why: The sky was captured in RGB and contains colours outside the printable gamut. Solution: Accept some reduction in saturation for print. Alternatively, use Photoshop's Selective Colour or Hue/Saturation tools to bring the sky within gamut before printing.
Scenario 3: Gradient from Blue to White#
Problem: Your blue-to-white gradient shows visible banding in print. Why: CMYK gradients require more ink coverage than RGB, and the dot pattern of CMYK printing can create visible steps. Solution: Reduce the number of gradient steps, increase the paper quality, or specify a higher line screen ruling to your printer.
South African Printer Requirements#
Most South African commercial printers (including Printulu) accept RGB files but convert them to CMYK during prepress. The result depends on their conversion settings β which is why requesting a proof is the safest approach for colour-critical work.
For guaranteed colour accuracy:
- 1Specify Pantone spot colours for brand-critical elements (logos, corporate colours)
- 2Request a printed proof before the full run
- 3Use a calibrated monitor so what you see is as accurate as possible
- 4Communicate your brand colours using Pantone or CMYK values, not RGB
