RGB vs CMYK: The Complete Guide

A designer hands off a brand-blue logo at #0033A0. The client prints 300 brochures. They open the box and the logo looks muddy purple. The designer's screen still shows the right blue. Both files are "correct." The conversion between them is what's broken.

This guide covers the gap. RGB and CMYK are not interchangeable formats, and the choice between them is not a preference — it's determined by where the colour ends up. By the end of this post you should know which space to design in, when to convert, and how to avoid the muddy-blue surprise.

The 30-Second Answer

Two rules cover most cases:

• Final destination is a screen. Stay in RGB. Export HEX codes for development. Done.
• Final destination is paper. Design in RGB, but convert to CMYK at the export step using your printer's ICC profile. Soft-proof before exporting and you catch most of the surprise.

The hard cases come when a single asset has both destinations — a brochure and a website using the same logo, for instance. The right answer is to lock the brand colour in a system that maps cleanly to both: a Pantone code, with a published CMYK approximation for print and an HEX value for web. We have a separate color guide hub that covers Pantone, RAL, and NCS workflows in more depth.

RGB: Additive Light on a Screen

RGB describes colour as the sum of red, green, and blue light. Black is no light at all (R0 G0 B0). White is all three at full intensity (R255 G255 B255). Every colour your monitor displays is a combination of those three primaries, mixed by tiny clusters of red, green, and blue subpixels.

Two practical implications:

• The gamut is huge. RGB can describe billions of discrete colours, including saturated hues — bright cyans, neon greens, electric oranges — that no ink can reproduce.
• Black is empty. When you see solid black on a screen, the pixels aren't emitting anything. Adding ink works the opposite way: more ink means darker output.

Hex codes are just RGB in a different notation. #0033A0 means R0 G51 B160 — the same colour, but written as three pairs of hexadecimal digits. The HEX to RGB converter does the translation if you ever need to read or write colours by hand.

CMYK: Subtractive Ink on Paper

CMYK works in the opposite direction. White paper reflects all wavelengths of light. Each ink subtracts a wavelength: cyan absorbs red, magenta absorbs green, yellow absorbs blue. Stack the inks and the paper reflects less and less light back at you, getting darker.

In theory C100 M100 Y100 should produce black. In practice it produces a dingy brown because no ink is perfectly pure. That's why the K (black) channel exists — pure black ink gives you crisp text and rich shadow without flooding the paper with three layers of coloured ink.

The CMYK gamut is much smaller than RGB's. The exact size depends on the press, paper, and ink set, but as a rough rule, CMYK loses about 25–30% of the saturated end of the RGB gamut. That gap is where most colour-shift surprises live.

The Colours RGB Can Show That CMYK Can't

Not every colour transfers. Three classes of colour reliably break in the conversion:

• Bright cyans. Anything above #00DDFF on screen comes out muted and slightly grey when converted to CMYK. Cyan ink can't physically be brighter than the cyan primary on its own.
• Saturated greens. The pure green that screens produce by lighting only the green subpixels has no equivalent in ink. CMYK reaches green by mixing cyan and yellow, and the result is always slightly more olive than the screen version.
• Electric oranges and pinks. #FF6B00 looks vivid on a backlit screen but converts to a duller orange on press. Same for neon pinks and magentas above about #FF3399 — the ink simply can't reach that intensity.

The body image at the top of this post shows three of these in before-and-after pairs. The print column isn't a poor conversion — it's the closest CMYK can physically come.

For brand-critical bright colours, the workaround is a fifth ink: a Pantone spot (often a fluorescent or metallic), an extended-gamut system like Pantone EXTENDED, or — for high-end packaging — a custom ink mixed by the printer. The RGB to Pantone converter finds the closest spot ink for any RGB starting point.

How to Convert Without Surprise

The conversion itself is simple — every design app has a one-click "Convert to CMYK" option. The trick is doing it with the right profile applied so the result reflects how your specific printer prints.

A repeatable workflow:

1. Design in RGB with sRGB as your working space if the file is heading to the web at any point, or Adobe RGB if it's print-only and your printer supports the wider gamut.
2. Install your printer's ICC profile. Most manufacturers publish profiles for their printers + recommended paper combinations as free downloads. On Windows they live in C:\Windows\System32\spool\drivers\color\. On Mac in ~/Library/ColorSync/Profiles/.
3. Soft-proof in your design app. View → Proof Setup → Custom (Photoshop), or File → Document Color Mode (Illustrator). Select the printer's ICC profile. The on-screen image now previews how the file will print, including any out-of-gamut warnings.
4. Adjust visible problem colours before exporting. Saturated brand colours that fall out of gamut can be nudged toward the nearest in-gamut colour by hand — better than letting the driver guess. Use the RGB to CMYK converter to see exactly which CMYK values your RGB starts mapping to.
5. Export to PDF/X with the profile embedded. Most print suppliers want PDF/X-1a or PDF/X-4. Embed the destination profile and the printer's RIP knows what to do without guessing.

For at-home prints, you can shortcut steps 4 and 5 — the driver does an acceptable job for casual work. For brand-critical pieces, request a hard proof from the printer before signing off the run. Soft-proofing handles 80% of the gap; the rest only resolves on press.

Once the file is exported, run our CMYK test page on the same printer first to confirm it's producing accurate colour. If individual ink channels are off, fix that before printing the production file. We have a longer post on calibrating printer colors that walks through the full ICC profile setup if you've never done it.

Common Mistakes That Produce Muddy Prints

Five workflow errors cause most colour surprises:

• Converting RGB to CMYK with no profile. The generic conversion most apps fall back to is roughly 60% accurate. With the printer's ICC profile, accuracy jumps to about 90%. The profile is free and takes two minutes to install. Skip this and the conversion is a coin flip on saturated colours.
• Designing in CMYK from the start. CMYK's gamut is smaller, so designing in CMYK locks you into the smaller space from the beginning. If the file ever needs to ship to the web later, you can't recover the saturation. RGB-first preserves your options.
• Mixing colour spaces inside one file. Some designers paste RGB images into a CMYK document and assume the embedded photos will convert at export. They sometimes don't, depending on the export settings. Convert linked images deliberately rather than relying on the export to catch them.
• Trusting the screen. An uncalibrated monitor is probably 30% too bright and 5–10% too cool. The print can't look like that screen because the screen is wrong. Calibrate the monitor first; soft-proofing without calibration is just trading one wrong colour for another.
• Saturating colours to compensate. A common well-intentioned mistake: bumping CMYK saturation past 100% in design to "survive" the conversion. The ink can't go past 100%, so the result is the same flat colour as if you hadn't bothered, but with elevated total ink coverage that can buckle thin paper. Trust the gamut limits and design within them.

The Recommendation

Start in RGB if your final destination is a screen. Convert to CMYK only when you have the printer's ICC profile installed and you're ready to export. If you don't have the profile, either ask the printer for it, or stay in RGB and let them handle the conversion in their workflow — most modern commercial printers actually prefer untouched RGB files for that reason.

For colours that have to survive the trip — brand blues, key accent shades, anything where the customer notices — specify a Pantone code on the brand book and use the converters here to derive RGB and CMYK working values from it. The Pantone reference is the master; the others are working approximations.

For a broader view of how RGB and CMYK fit alongside Pantone, RAL, and NCS, the color guide hub covers each system and links to the right tool for each workflow.