CMYK vs RGB: Why Your Print Looks Different from Your Screen

You designed something on screen, it looked great, you printed it — and the colors are off. The vivid teal became muddy blue-green. The bright orange came out brownish. Skin tones look slightly wrong. The colors can’t be the same, because screens and printers use fundamentally different ways to produce color.

This is the difference between RGB and CMYK.

RGB: how screens make color

RGB stands for Red, Green, Blue. Every pixel on your screen has tiny red, green, and blue light emitters. By varying their intensity, the pixel produces any color in the displayable range.

Key properties:

• Additive color: the more red+green+blue you add, the lighter the color gets. All three at maximum = white. All three at zero = black.
• Light-based: the colors come from light emitted by the screen, hitting your eye directly
• Wide gamut: modern screens can display millions of distinct colors
• Includes vivid colors that are impossible to print: electric cyan, neon magenta, pure saturated yellow

Files designed for screen (websites, social media, video) use RGB color. JPG, PNG, WebP, HEIC all store RGB values.

CMYK: how printers make color

CMYK stands for Cyan, Magenta, Yellow, Key (Black). A printer mixes these four ink colors to produce other colors on paper.

Key properties:

• Subtractive color: ink absorbs light. Adding more ink absorbs more light, producing darker colors. No ink = white paper visible.
• Pigment-based: colors come from light reflecting off the printed surface
• Narrower gamut: fewer distinct colors than RGB can produce
• Cannot match many RGB colors: neon, electric, saturated colors are out of reach

Why is there a “K” for black instead of just using equal CMY? Mixing C+M+Y produces a muddy brown in practice (not perfect black). And it’d be wasteful to use three inks where one would do. So commercial printing uses a separate black ink (K) for text and shadows.

The colors RGB has that CMYK doesn’t

Some colors look great on screen but can’t be printed:

• Bright neon green (full RGB green): printers can produce green, but the saturation level a screen displays is unmatchable in ink
• Electric cyan: same — the printable cyan is duller than the displayable one
• Vivid orange: similar story
• Deep saturated red: same
• Pure blue at high saturation: usually shifts toward purple when printed

These are “out-of-gamut” colors. The printer does its best, but the result is duller than what you saw on screen.

The colors CMYK has that RGB doesn’t

A few colors print better than they display:

• Rich blacks (combination of CMY underneath K): printed blacks look more substantial than RGB’s “all-zero” black, which appears as a near-pure absence on screen
• Specific brand colors with custom ink mixes (Pantone spot colors) — exact matches that RGB only approximates

These are rare exceptions. In general, RGB has many more colors than CMYK; you lose colors going RGB → CMYK, not the other way.

When you need to think about this

Most of the time, you don’t. Screen-only content (websites, social media, presentations viewed on screen, videos): RGB only. CMYK is irrelevant.

You DO need to think about it when:

• Designing for print (business cards, brochures, posters, magazines)
• Sending files to a commercial printer
• Working in Adobe Creative Suite or InDesign on print materials
• Picking colors that need to look right both on screen and in print

For these cases, here’s the workflow.

Designing for print: the right workflow

1. Set your design software to CMYK mode from the start:
   • Photoshop: File → New → Color Mode → CMYK Color
   • Illustrator: File → Document Color Mode → CMYK Color
   • InDesign: working in CMYK by default
2. Pick colors knowing they’ll print: the color picker in CMYK mode shows you what’s possible
3. Soft-proof: View → Proof Setup → Working CMYK. The screen shows an approximation of how colors will print.
4. Verify with a print test: even with soft-proofing, the only way to know exactly how it’ll print is to print a test page on the actual printer/paper combination

For non-designers using simpler tools (Canva, Word, Google Slides), most output is RGB regardless. When printing, the printer driver does an automatic RGB→CMYK conversion, which may shift colors slightly.

Converting RGB to CMYK

If you have an RGB image (a photo) and need to deliver as CMYK for print:

Photoshop: Image → Mode → CMYK Color. The image converts; you may see color shifts.

Illustrator/InDesign: same path, Image → Mode (or document-wide setting).

Online conversion: not common as a one-click tool because CMYK output requires color profile decisions (which paper, which ink set). Most print shops handle the RGB→CMYK conversion themselves using profiles specific to their equipment.

What about printing photos at home?

For consumer inkjet/laser printers, you don’t need to manually convert to CMYK. The printer driver does it for you when you hit Print. The same image prints with reasonable color matching from any application.

The shift between screen and print can still be visible — that’s inherent to the technology — but it’s not from missing a CMYK conversion. It’s from the printer’s color profile, ink set, and paper.

To improve home print color matching:

• Calibrate your monitor (color calibration tools like X-Rite ColorMunki, or built-in macOS / Windows Display Color Calibration)
• Print at high quality (the “Best” or “Photo Quality” driver setting)
• Use the printer’s matched paper (Epson printers + Epson photo paper, etc.)
• Print on a printer with more inks (6-color, 8-color, 12-color photo printers produce better gamut than 4-color CMYK)

What about Pantone colors?

Pantone is a separate color system: a library of specific predefined inks for commercial printing. When you see “Pantone 286” on a brand guide, it refers to an exact ink mix that prints consistently across printers.

Pantone colors are used when exact color matching is critical (brand logos, package design). They’re delivered as spot colors — separate ink runs in addition to CMYK.

For most printing (digital print, low-volume printing), Pantone is overkill. Commercial offset printing for branded materials often specifies Pantones.

Tools that affect color reproduction

Monitor calibration: an uncalibrated monitor displays “off” colors, making design decisions hard. Calibration tools or even free utilities can help.

Color profiles (ICC profiles): files that describe how a specific device reproduces color. Professional printing requires the right profile for the paper/printer combination.

Soft-proofing: design software showing you what print will look like before committing.

Print proofing: actual prints made before the full run to check color match.

For most casual users: don’t worry about all this. The defaults work fine for everyday printing.

A simple rule of thumb

If it’s only going on screens: design in RGB, ignore CMYK entirely.

If it’s going to print: design in CMYK (or at least know that colors will shift toward duller in print). Stick to colors that aren’t out-of-gamut. Run test prints early.

If it’s going both: design in RGB, then check how the file looks soft-proofed for CMYK. Adjust risky colors. Deliver appropriate versions for each output.

TL;DR

• RGB (Red, Green, Blue): screen colors, additive, more vibrant, wider gamut
• CMYK (Cyan, Magenta, Yellow, Key/black): print colors, subtractive, duller, narrower gamut
• Print looks different from screen because the color systems are fundamentally different
• For screen-only work: RGB always; ignore CMYK
• For print: design in CMYK mode in Photoshop/Illustrator/InDesign or accept some color shift from automated RGB→CMYK conversion at print time
• For consumer printing: the driver handles conversion; minor color shifts are normal
• Pantone: separate system for exact color matching in commercial printing