RGB vs CMYK: Understanding Screen and Print Color Models

Two Models for Different Mediums

RGB and CMYK are fundamentally different approaches to creating color, each designed for a specific medium. RGB is additive and used for screens. CMYK is subtractive and used for print. Understanding this distinction is essential for any designer who works across both digital and physical media.

Choosing the wrong color model produces disappointing results: vibrant screen colors that look dull in print, or print-optimized colors that appear washed out on monitors. Starting with the right model from the beginning saves revision cycles and ensures your final output matches your vision.

RGB: Additive Color for Screens

RGB stands for Red, Green, Blue. It is called additive because combining light of these three primary colors creates other colors, and combining all three at full intensity produces white. Screens emit light, so they use this additive model.

Each channel ranges from 0 to 255, producing over 16.7 million possible colors. RGB(255, 0, 0) is pure red. RGB(0, 255, 0) is pure green. RGB(255, 255, 0) is yellow (red plus green light). RGB(0, 0, 0) is black (no light).

RGB is the standard for websites, mobile apps, digital photography, video, social media graphics, and any content viewed on a screen. Design tools default to RGB mode for digital projects, and CSS color specifications use RGB values.

CMYK: Subtractive Color for Print

CMYK stands for Cyan, Magenta, Yellow, and Key (Black). It is called subtractive because inks absorb (subtract) light wavelengths, and combining all four inks approaches black. Printed materials reflect light rather than emitting it, which is why the model works differently.

Each channel is expressed as a percentage from 0% to 100%. CMYK(0, 100, 100, 0) produces red by mixing maximum magenta and yellow. CMYK(0, 0, 0, 100) is pure black. CMYK(0, 0, 0, 0) is white (no ink, showing the paper).

CMYK is required for business cards, brochures, packaging, books, posters, and any physically printed material. Professional print shops expect CMYK files, and submitting RGB files results in color shifts during the conversion process.

Why Colors Shift Between Models

RGB has a wider color gamut (range of producible colors) than CMYK. Bright, saturated blues, greens, and neon colors that look stunning on screen cannot be reproduced by CMYK inks. When an RGB file is converted to CMYK, out-of-gamut colors are mapped to the nearest printable approximation, often appearing duller or darker.

This is why a logo that looks electric blue on your monitor may print as a more muted blue. Designers who work for print should design in CMYK from the start, or at minimum, check CMYK preview (soft proof) before sending files to the printer.

Conversely, some CMYK colors (particularly deep, rich combinations) may not display accurately on screens, though this is a less common concern.

Best Practices

Start in the right mode. If the final output is digital, work in RGB. If it is print, work in CMYK. If it is both, design in RGB for the widest gamut, then create a CMYK version with manual adjustments for print accuracy.

Use Pantone spot colors for critical brand colors in print. Spot colors use premixed inks that can achieve colors outside the CMYK gamut. They cost more but ensure exact color matching for logos, packaging, and branded materials.

Calibrate your monitor for accurate on-screen representation of both RGB and CMYK colors. An uncalibrated monitor distorts every color you see, making design decisions based on inaccurate information.

Use the color tools on CalcHub to convert between RGB and other color formats, or explore our design utilities for palette building.

Convert and compare colors across models with CalcHub’s color tools.