RGB vs CMYK: differences and when to use each

RGB and CMYK are two different ways of producing color. RGB (red, green, blue) adds light together and is the model used by screens: monitors, phones, TVs and projectors. CMYK (cyan, magenta, yellow, black) subtracts light with ink on paper and is the model used in offset and digital printing. Use RGB for anything people will see on a screen and CMYK for anything going to a print shop.

Colors shift when printed because the two models can't reach the same set of colors. A neon green or a vivid blue that your monitor displays easily simply doesn't exist in a four-ink mix; during conversion it gets replaced by the closest printable color, which usually looks duller. Once you understand that limit and know how to convert files properly, most printing surprises go away.

Additive vs subtractive color

In the additive model, you start from darkness (a screen that's off) and turn lights on. Each pixel has three subpixels, red, green and blue, and each one ranges from 0 to 255 in 8-bit color. All three at full strength make white; all three off make black. That's why rgb(255 255 255) is white and rgb(0 0 0) is black. Mixing two lights gives you the RGB secondaries: red + green = yellow (#FFFF00), green + blue = cyan (#00FFFF) and red + blue = magenta (#FF00FF).

In the subtractive model, you start from white paper, which reflects all light, and apply inks that act as filters. Cyan absorbs red, magenta absorbs green and yellow absorbs blue. The more ink you lay down, the less light bounces back to your eye and the darker the color gets. In theory, cyan + magenta + yellow at 100% would absorb everything and produce black. This is exactly why each model's primaries are the other model's secondaries: they describe the same physics from opposite ends.

FeatureRGBCMYK
Mixing typeAdditive (light)Subtractive (ink)
Starting pointBlack (no light)White (paper)
ChannelsR, G, B, 0 to 255 (8-bit)C, M, Y, K, 0% to 100%
Used forWebsites, apps, social media, video, slidesFlyers, business cards, packaging, magazines, printed banners
Common file formatsPNG, JPG, WebP, SVGPDF/X, TIFF, EPS
GamutWider for bright, saturated colorsNarrower; depends on ink and paper
Typical notation#FF5733, rgb(255 87 51)C0 M66 Y80 K0

Color gamut: why some colors won't print

A gamut is the range of colors a device or process can reproduce. The gamut of an sRGB screen and that of CMYK printing overlap for the most part, but they aren't the same. The colors that suffer most on paper are the highly saturated, bright ones:

The reverse also happens, on a smaller scale: some printed cyans and yellows fall outside sRGB, so your monitor can't show them accurately. That's why there's no universal table of "equivalents." Conversion always picks the closest color inside the destination gamut, and the result depends on which RGB and which CMYK you're talking about.

ICC color profiles: sRGB, Adobe RGB, GRACoL and FOGRA

RGB or CMYK numbers alone don't define an absolute color. C0 M66 Y80 K0 on coated stock looks different from the same values on newsprint. What gives the numbers meaning is the ICC profile, a file standardized by the International Color Consortium that describes how a device or process reproduces color. The most common ones:

RGB profiles

CMYK profiles

The right profile is the one your printer actually uses for your press and paper. When in doubt, ask before finalizing the file: "Which CMYK profile and ink limit do you recommend for this stock?"

Why CMYK needs K (black)

If cyan, magenta and yellow together should make black, why add a fourth ink? Because real inks aren't perfect filters. Overlapping all three produces a muddy dark brown, not a neutral black. On top of that:

The "K" stands for key: in traditional printing, the black plate was the key plate that carried the artwork's detail, and the other colors were registered to it. It isn't "B" to avoid confusion with blue.

Rich black vs 100% K

Black made from 100% K alone looks like a dark gray over large areas. For backgrounds and solid blocks, printers use rich black, which adds other inks underneath, such as C60 M40 Y40 K100. The result is denser and deeper.

For small text, hairlines and barcodes, though, stick to C0 M0 Y0 K100. Rich black at 8 pt suffers from the slightest misregistration and looks blurry. A common trap: #000000 converted automatically from RGB usually becomes a heavy four-color mix, not pure K. Always check black text after conversion.

Total ink limit (TAC)

TAC (Total Area Coverage) is the sum of the four ink percentages at any point. Four inks at 100% would add up to 400%, which no paper can handle. For offset on coated stock, the limit is typically around 300% to 330%; on uncoated paper and newsprint it's lower. The rich black above adds up to 60 + 40 + 40 + 100 = 240%, safely within any usual limit. ICC profiles apply the TAC during conversion, which is one more reason to use the profile your printer recommends.

How RGB to CMYK conversion works

There's a simple formula, used by many converters and in classrooms, that works as an approximation. First divide R, G and B by 255 to get values between 0 and 1 (R', G', B'). Then:

K = 1 - max(R', G', B')
C = (1 - R' - K) / (1 - K)
M = (1 - G' - K) / (1 - K)
Y = (1 - B' - K) / (1 - K)
(if K = 1, then C = M = Y = 0)

Worked examples:

The catch is that this formula ignores gamut, paper, dot gain and ink limits. It treats RGB and CMYK as ideal spaces; the navy blue above, for instance, would total 250% ink with a separation no printer would actually use. It's fine for getting a rough idea, for learning and for filling in an approximate CMYK value in a brand guide. For the final file, let your design software convert with the correct ICC profiles (from sRGB to GRACoL or FOGRA39, for example), which calculate the real ink separation.

Rendering intent

When converting with profiles, your software asks how to handle out-of-gamut colors. Perceptual compresses all colors to fit the destination while preserving the relationships between them, which works well for photos. Relative colorimetric keeps in-gamut colors exact and only moves the out-of-gamut ones to the nearest printable edge; it's the usual choice for logos and vector artwork.

Pantone and spot colors

When a brand needs an exact, consistent color, or one that CMYK can't reach, it's time for a spot color. Instead of building the color from halftone dots of four inks, the printer uses an ink premixed to that exact shade, applied with its own plate. The best-known system is the Pantone Matching System, with printed guides for coated (C suffix) and uncoated (U suffix) paper.

Spot colors make brighter oranges and greens possible, along with metallic golds and silvers and fluorescent inks that CMYK can't reproduce. The trade-off is that every extra ink adds cost, which matters most on short runs. One important detail: Pantone publishes CMYK and RGB/HEX simulations of its colors, but those are approximations. If a brand guide lists a Pantone reference, a CMYK value and a HEX code, treat them as three versions for three media, not as the same color.

  1. Decide on the destination first. Digital-only work: stay in RGB (sRGB). Print work: set up the document in CMYK with the profile your printer specifies, or work in RGB and convert carefully at the end.
  2. Get the specs. ICC profile, ink limit, bleed (usually 0.125 in / 3 mm), image resolution (300 ppi at final size is the offset standard) and the PDF format they accept.
  3. Soft proof on screen. In Photoshop, InDesign or Illustrator, turn on the CMYK profile preview and the gamut warning to see which colors will shift. Adjust the critical ones by hand.
  4. Check your blacks. Small text in 100% K, large backgrounds in rich black.
  5. Export as PDF/X. PDF/X-1a requires everything in CMYK (or spot colors) and flattens transparency; PDF/X-4 allows RGB with embedded profiles and live transparency, leaving the final conversion to the printer's RIP. Use whichever your printer asks for.
  6. Order a color proof for color-critical jobs like packaging and brand pieces. A contract proof printed with the correct profile is the reference the printer uses to match the press.

Summary and next steps

To see approximate HEX, RGB, HSL and CMYK values for any color, use the color converter. If you're building a brand identity that has to work on screen and on paper, start in the color palette generator and use the contrast checker to make sure text and backgrounds stay readable. To dig into digital formats, read the guide to HEX, RGB and HSL color codes, and to see how modern CSS handles wide gamuts like Display P3, check out the guide to modern CSS colors. A good test case for the screen-versus-paper difference is navy blue.