Understanding RGB and CMYK: 3 ways they shape your design output

RGB and CMYK are the two colour systems that control how your design appears in different media. RGB builds colour from light on screens, while CMYK mixes ink on paper. Choosing the correct mode before you start work ensures your brand looks consistent whether a client sees it on their phone or holds a printed flyer. Black Dog Design breaks down when to use each and how to move between them without losing impact.

Define your output before you pick a colour mode

The medium decides the mode. A logo heading to Instagram needs RGB; the same logo printed on a business card requires CMYK. Setting up your file in the wrong mode from the start means converting later, and conversion shifts colour in ways you cannot always predict.

Screen-based work—websites, social posts, presentations, email signatures—relies on RGB because every display emits red, green and blue light. Print work—brochures, posters, packaging, stationery—uses CMYK because commercial printers layer cyan, magenta, yellow and black ink. Mixed projects need both: design the digital assets in RGB and prepare separate CMYK versions for anything heading to press.

How RGB builds colour from light

RGB is an additive system. Each pixel on a screen starts black, and combining red, green and blue light in varying intensities creates every other colour. When all three channels reach full strength, the result is white.

This system produces a wider range of bright, saturated hues than ink can match. Electric blues, vivid greens and glowing magentas look striking on a monitor but may appear duller once printed. Software such as Adobe Photoshop or Illustrator displays an out-of-gamut warning when an RGB colour falls outside the range CMYK can reproduce, giving you a chance to adjust before the file reaches the printer.

When RGB is the only choice

Any project destined exclusively for screens stays in RGB. Websites, app interfaces, video overlays and motion graphics all depend on light rather than ink. Working in RGB from the outset keeps colours vibrant and file sizes manageable, and most web browsers expect images tagged as sRGB to render accurately across devices.

How CMYK layers ink to create colour

CMYK is a subtractive system. Paper starts white, and each layer of ink absorbs part of the light that hits it. Cyan blocks red wavelengths, magenta blocks green, yellow blocks blue, and black adds depth and contrast. Where all four overlap at full strength, the result approaches black—though in practice, true black comes mainly from the K channel.

The physical nature of ink means CMYK cannot match the brightness of backlit RGB. Colours shift slightly depending on paper stock, ink density and press calibration. A proof printed on coated stock will look richer than the same file on uncoated newsprint, even though the CMYK values remain identical.

Setting up files for print

Create print documents in CMYK from the beginning. Converting an RGB file late in the process often flattens bright colours and introduces unexpected shifts, particularly in greens and blues. If your design includes vector graphics, check that every element—shapes, gradients, effects—is assigned CMYK values before you generate the final PDF.

Printers request specific colour profiles such as FOGRA39 or GRACoL, which define how ink behaves on particular paper types. Embedding the correct profile in your file keeps output predictable and reduces the chance of a reprint.

Switching between RGB and CMYK without losing control

Conversion is sometimes unavoidable. A brand may launch online first and add printed materials later, or a project may need both web banners and exhibition panels. Converting from CMYK to RGB rarely causes trouble because the RGB gamut is larger, but moving the other way requires attention.

1. Open your RGB file in your design software and note any out-of-gamut warnings, usually shown as exclamation marks in the colour picker.
2. Change the document colour mode to CMYK through the File or Edit menu, then compare the result to your original.
3. Adjust any colours that have shifted noticeably by tweaking cyan, magenta, yellow and black values individually until the appearance comes close to your intent.
4. Save the CMYK version as a separate file so the RGB master remains unchanged for future screen use.

Automated conversion applies a generic formula that may not suit your brand palette. Manual adjustment takes longer but gives you final say over how each colour renders in print.

A comparison of the two colour systems

Plan for both from the start of a branding project

A complete brand identity lives across print and digital channels, so building flexibility into your colour palette early saves rework. Choose core brand colours that translate well to CMYK, test them on paper, then document the exact values for both modes in a style guide.

Some designers select a Pantone spot colour as the reference and derive RGB and CMYK equivalents from it. Others start with RGB for digital work and commission a printer to match the colour as closely as ink allows. Either route works, provided the final palette is tested in both environments and the client understands where slight differences will occur.

When you define brand voice and visual identity together, the colour mode becomes one more layer of consistency to manage. A logo that looks confident and bold on a website should carry the same presence on headed paper, even if the exact shade shifts by a few percent.

Keep working files separate for each mode

Maintaining distinct RGB and CMYK versions of the same asset may feel redundant, but it prevents errors. Label files clearly—"logo-RGB.ai" and "logo-CMYK.ai"—and store them in a shared location so anyone on the team picks the correct one.

Update both files whenever the design changes. A tweak to kerning or alignment must be mirrored across versions, and colour adjustments need separate attention in each mode. Version control software or a naming convention that includes the date helps track which file is current.

Test output before committing to a full print run

A proof is the only reliable way to see how CMYK will behave on the final stock. Request a hard proof from your printer rather than relying on your office inkjet, because desktop printers use different inks and papers. Compare the proof to your on-screen RGB reference under consistent lighting, and approve it in writing before the press run begins.

Small shifts in colour are normal and acceptable. Large discrepancies suggest a profile mismatch or an error in the file setup, and catching them at proof stage costs far less than reprinting thousands of finished pieces.

#File formats

Download PDF: RGB and CMYK file setup checklist PDF, 30 KB