Print And Production

RGB Versus CMYK Color Modes

Why screens use RGB and printers use CMYK, what happens when you convert between them, which colors tend to shift, and how to plan for it as a designer.

On this page
  1. Two ways of making color
  2. RGB: color from light
  3. CMYK: color from ink
  4. The gamut gap
  5. What conversion does
  6. When to work in which mode
  7. Brand colors across both worlds
  8. Tips for working with color modes
  9. A realistic mindset

Two ways of making color

Color on a screen and color on paper are produced in fundamentally different ways. That is the whole reason for the confusion: the same design cannot look identical in both places, because it is built from different physical processes.

RGB: color from light

RGB stands for red, green and blue. Screens, such as monitors, phones and televisions, create color by emitting light. Each tiny point on a display mixes red, green and blue light in different amounts. When all three are at full strength, you see white; when all are off, you see black. Because light is being added together, this is called additive color.

RGB works well for anything viewed on a display: websites, apps, social graphics and presentations. Because screens produce their own light, they can show very bright, saturated colors, including vivid blues, greens and glowing neons.

CMYK: color from ink

CMYK stands for cyan, magenta, yellow and key (black). Printing creates color by laying small dots of ink on paper. The paper reflects light, and the inks absorb parts of it, subtracting some wavelengths and letting others return to your eye. This is subtractive color. Mixing all the colored inks together does not produce a perfect black in practice, which is why a separate black ink is included, and it also helps with sharp text and deep darks.

Because the paper provides the white, and ink can only take light away, printed color cannot be brighter than the paper itself. That is the key reason print cannot match the glow of a screen.

The gamut gap

A gamut is the range of colors a system can produce. RGB on a typical display generally covers colors that CMYK printing cannot reach, especially in saturated areas. CMYK can produce some colors, certain deep cyans for instance, that fall outside some RGB spaces, but for most everyday design the practical result is the same: some bright screen colors will look duller when printed.

Colors that often shift noticeably:

  • Vivid, saturated blues and violets, which can turn deeper or more muted.
  • Bright greens, especially fluorescent-looking ones.
  • Glowing oranges and hot pinks, which may lose punch.
  • Subtle gradients between similar colors, which can band or shift.

Neutral, earthy and mid-tone colors usually convert with less visible change. How much a given color shifts depends on the color itself, the paper, the press and the conversion settings, so general rules are only starting points.

What conversion does

When a file moves from RGB to CMYK, software maps each color to the closest value the print process can produce. This uses color profiles, which describe how a particular device or printing condition behaves. Different profiles give different results, and the best choice depends on the paper and press. Your print shop can tell you which profile it prefers.

Two practical consequences follow:

  1. Conversion changes the look. Out-of-range colors are pulled in, and you may see a visible difference immediately, which is a useful early warning.
  2. Converting back does not restore the original. Once a bright color has been compressed, converting again to RGB will not recover its former intensity. Keep an original in RGB if you may need it for digital use.

When to work in which mode

There is no single right answer, but common practice looks like this:

  • Digital output only: work in RGB throughout.
  • Print only: many designers work in a CMYK document from the start so what they see on screen is closer to what can print. Others work in RGB and convert at the end, which keeps more options open but delays discovery of color shifts. Ask what your shop prefers.
  • Both print and screen: keep a master in RGB, then create a print version in CMYK, and check both. Do not assume one will substitute for the other.

Photographs often arrive in RGB. Many shops can convert them for you, and some prefer to, using their own profiles. Check the requirements before converting images yourself, because converting twice can cause avoidable shifts.

Brand colors across both worlds

A brand typically needs to work on websites, packaging, signs and stationery, so its colors are usually specified in several forms: values for screens, values for process printing, and sometimes a named ink for special cases. A good brand style guide lists these side by side and notes which one to use where. The values will not match perfectly, because they are different recipes aiming for similar appearance. If you are building a color palette for a brand that will live in both print and digital, test it in both early, and favor colors that translate well. This is worth doing before the palette is locked in.

Remember that screens and paper also vary. Even within RGB, different displays show color differently, and in print, paper tint and coatings change the result. Human color perception also adapts to lighting and neighboring hues, so a color may look right in one setting and wrong in another.

Tips for working with color modes

  • Check your document’s color mode at the start, and again before export.
  • Avoid choosing extremely saturated screen colors for print unless you are comfortable with them toning down.
  • Use the CMYK preview or a soft proof, if your tools offer one, as a rough guide to the expected result.
  • Request a printed proof for color-critical work, since screens cannot fully predict ink on paper.
  • Remember black: small text should be a single black ink, while large dark areas may use a mixture. Ask the shop for guidance.
  • Keep contrast in mind: a color pairing that works on a bright display may lose clarity in print, so recheck color contrast on the printed sample.
  • Be careful with effects such as gradients and transparency, which can behave differently once converted.

A realistic mindset

The goal is not to make print match the screen exactly, which is impossible, but to make a result you are happy with and that the client understands. Explain to clients early that print color will look somewhat different from their monitor, and that a proof is how it gets confirmed. A basic grounding in color theory helps, but practical experience with printed samples teaches the rest faster than any chart.

Seen this way, RGB and CMYK are not rivals. They are two tools suited to two environments, and a designer’s job is to know which one belongs where.

The complete guide to print and production

Print Production Basics For Designers
Read the guide

Keep exploring

Guides from other topics

All topics →

What Makes A Good Logo

A plain-language look at the qualities of an effective logo: clarity, distinctiveness, fit, flexibility and longevity, and how to judge a mark against them.

Logo Design 5 min read