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.
| Feature | RGB | CMYK |
|---|---|---|
| Mixing type | Additive (light) | Subtractive (ink) |
| Starting point | Black (no light) | White (paper) |
| Channels | R, G, B, 0 to 255 (8-bit) | C, M, Y, K, 0% to 100% |
| Used for | Websites, apps, social media, video, slides | Flyers, business cards, packaging, magazines, printed banners |
| Common file formats | PNG, JPG, WebP, SVG | PDF/X, TIFF, EPS |
| Gamut | Wider for bright, saturated colors | Narrower; 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:
- Pure greens like
#00FF00, which print darker and more yellowish. - Intense blues like
#0000FF, which tend to drift toward purple. - "Neon" oranges and pinks, which lose their glow.
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
- sRGB: the standard for the web and most screens. If a file is headed for a website or social media, export it in sRGB.
- Adobe RGB (1998): a larger gamut, especially in greens and cyans. Handy for photography in a professional print workflow, but a problem if published online without conversion: colors look washed out.
- Display P3: used by modern phone and laptop displays, with richer reds and greens than sRGB. CSS already lets you use it with
color(display-p3 1 0 0).
CMYK profiles
- GRACoL (e.g. GRACoL2013 / CRPC6): the common reference for commercial sheetfed printing on coated paper in the United States.
- SWOP: the traditional US spec for web offset publications such as magazines, with a smaller gamut and lower ink limits.
- FOGRA39 (ISO Coated v2) and its successor FOGRA51 (PSO Coated v3): the European references for coated paper, widely used internationally. FOGRA51 accounts for the optical brighteners in today's papers.
- Uncoated profiles (such as FOGRA52 / PSO Uncoated v3): uncoated paper absorbs more ink, dots spread and the gamut shrinks, so colors come out less saturated.
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:
- Cost and drying time: three layers of ink where one would do cost more and dry slowly, which can cause smudging or set-off onto the next sheet.
- Registration: small text built from three inks gets colored fringes as soon as the plates are slightly out of alignment. With a single ink, the type stays crisp.
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:
-
#FF5733=rgb(255 87 51). R' = 1, G' ≈ 0.341, B' = 0.2. K = 0, C = 0, M ≈ 0.659 and Y = 0.8, giving cmyk(0%, 66%, 80%, 0%). -
#000080(navy blue) =rgb(0 0 128). B' ≈ 0.502, so K ≈ 0.498, C = M = 1 and Y = 0: cmyk(100%, 100%, 0%, 50%).
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.
Workflow: from screen to print shop
- 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.
- 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.
- 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.
- Check your blacks. Small text in 100% K, large backgrounds in rich black.
- 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.
- 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
- RGB adds light and is the model for screens; CMYK subtracts light with ink and is the model for print.
- Numbers only mean something with an ICC profile: sRGB for the web, your printer's profile (such as GRACoL, FOGRA39 or FOGRA51) for print.
- K exists because CMY together make a muddy brown, waste ink and blur text. Use 100% K for text and rich black for backgrounds.
- The simple conversion formula is only an approximation; convert final files with profiles.
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.