Subjects and lessons to explore.

Law

Graphic Design & Digital Media · Foundations

Color Models: RGB and CMYK

9 min read 5 practice questions
10 key termsSourcesReport an error
Want it in plain words first? Jump to Eli explains — the same idea, no jargon.
On this page 9 sections
  1. In 30 seconds
  2. Why this matters
  3. The college version
  4. Eli explains
  5. Worked example
  6. Key takeaway
  7. Quick check
  8. Study tools
  9. Sources & references

In 30 seconds

A is a system for producing and encoding color. Screens build color with light using red, green, and blue (), an additive system where all three at full strength make white. Print builds color with cyan, magenta, yellow, and black ink (), a subtractive system where inks absorb light and stacking them heads toward dark. Because the two work so differently, they can reproduce different ranges of color, which is why a design often looks different on screen than in print.

Why this matters

Almost every design lives in two worlds: the glowing screen where it is made and the printed page or other output where it may end up. RGB and CMYK are how those worlds encode color, and they do not overlap perfectly. Knowing which model applies, and that a vivid on-screen color may be impossible to print, saves you from the classic surprise of a proof that looks muddy or dull. The same understanding underpins hex codes in web design, color management with ICC profiles, and the choice between spot and process inks. This is foundational literacy for anyone who moves images and layouts between devices.

The college version

Additive color: how screens make color with light

A color model is a system for producing color and encoding it as numbers a device can use. Screens use the additive model. A monitor, tablet, or projector emits light in three channels: red, green, and blue, the RGB or additive primaries. Human color vision starts with three types of cones in the eye, each sensitive to roughly one-third of the visible spectrum in the red, green, and blue regions, so any color sensation can be produced by mixing appropriate amounts of these three lights. The word additive is literal: you are adding light to light. With all three channels off, the screen emits nothing and you see black. With all three at full strength, the light combines to white. Mixing pairs produces the other familiar colors: red plus green light makes yellow, green plus blue makes cyan, and red plus blue makes magenta. Each channel is usually stored as a value from 0 to 255 (8 bits), so an RGB triple like (46, 134, 222) names one specific color. This is the model behind digital cameras, displays, and everything you design for the web.

Subtractive color: how print makes color with ink

Print uses the subtractive model, and it runs the logic in reverse. Ink on paper does not emit light; it absorbs, or subtracts, part of the light that strikes it and reflects the rest back to your eye. The subtractive primaries are cyan, magenta, and yellow (CMY), and each acts as a filter that removes one additive primary: cyan absorbs red, magenta absorbs green, and yellow absorbs blue. Start with white paper, which reflects everything, and each layer of ink takes something away. Because you are subtracting, the absence of ink is white and combining all the inks heads toward dark. In theory cyan, magenta, and yellow together would make black, but real inks are imperfect, so equal amounts produce a muddy brown rather than a clean, dense black. Print therefore adds a fourth ink, black, giving the four process colors abbreviated CMYK. The K stands for key, a term from traditional printing where the black plate, the key plate, carried the fine detail and the other plates were registered (aligned) to it. Black also makes text crisp, deepens shadows, and reduces how much total ink soaks the paper.

Gamut, and why screen and print disagree

A is the full range of colors a given device or model can actually produce. This is the crux of why the same file can look different on screen than in print: RGB light and CMYK ink have different gamuts, and neither contains the other completely. In practice the RGB gamut of a good screen is larger and includes vivid, saturated colors, especially bright oranges, greens, purples, and neon tones, that no combination of standard process inks can reproduce. When a color you chose on screen falls outside what the printer can make, it is out of gamut, and it must be replaced by the nearest printable color, which is why a glowing on-screen blue may print flatter and darker. Converting an RGB file to CMYK almost always shrinks the range of colors it contains. Understanding gamut turns an unpleasant surprise into a design decision: you can check for out-of-gamut colors and adjust them deliberately instead of letting the conversion do it blindly.

Encoding, color management, spot versus process

RGB values are encoded in several notations. On the web the most common is the hex triplet, written as a hash sign followed by six hexadecimal digits, #RRGGBB. Each pair of digits is a base-16 number from 00 to FF that gives one channel's value from 0 to 255: in #2E86DE the pairs 2E, 86, and DE mean red 46, green 134, blue 222. A three-digit shorthand like #2AD simply doubles each digit to #22AADD. Hex is an sRGB encoding, a specific, standardized RGB color space. Because a raw RGB or CMYK number means slightly different things on different hardware, the industry uses color management: an , defined by the International Color Consortium, characterizes exactly what colors a particular device produces, and a color-management system uses these profiles to translate a color from one device's space to another through a device-independent connection space. That is how a photo can look consistent from camera to screen to press. Finally, print distinguishes two ways of applying color. Process color builds images from the four CMYK inks combined in tiny dots. Spot color uses a single, pre-mixed ink for one exact color, applied on its own printing unit, which gives more reliable, consistent results for things like logos. Pantone runs the best-known spot-color system, a proprietary library of numbered ink recipes matched to printed swatch books; its exact values are proprietary and are named here only as a reference.

Eli, the EliExplains learning guide

Eli explains

The same idea, in plain words

Explain it like I’m 10

There are two opposite ways to make a color, and which one you use depends on whether you are working with light or with paint. A screen makes color by shining tiny red, green, and blue lights and adding them together. Turn all three up full and you get white; turn them all off and you get black darkness. Printing is the reverse. Ink cannot shine; it can only soak up some of the light hitting the paper and bounce the rest back. So printers start with white paper and lay down cyan, magenta, and yellow ink to subtract light, plus black ink because the three colored inks alone only muddy to brown. Here is the catch that trips people up: light can make brighter, punchier colors than ink can. That is why a glowing color on your screen sometimes prints looking dull or darker: the printer simply cannot mix an ink that bright.

Picture it like this

Additive color is like aiming red, green, and blue flashlights at the same spot on a wall: pile them all on and the spot goes white. Subtractive color is like stacking sheets of colored cellophane over a lamp: each sheet blocks more light, so the more you stack, the darker it gets.

Where the picture stops working

The flashlights and cellophane show why adding light brightens and adding ink darkens, but they understate the precision: real screens and printers use exact numeric values per channel, and real inks are imperfect, which is exactly why print needs a separate black ink and cannot hit every bright color the flashlights can.

Worked example

Take the hex color #2E86DE and decode it as RGB. Hex is base 16, so each digit runs 0-9 then A-F, where A is 10 up to F which is 15. Split the six digits into three pairs, one per channel: 2E is red, 86 is green, DE is blue. Convert each pair: 2E means 2x16 + 14 = 46, so red is 46. 86 means 8x16 + 6 = 134, so green is 134. DE means 13x16 + 14 = 222, so blue is 222. The color is RGB (46, 134, 222), a medium blue. Two checks confirm the additive logic: #FFFFFF is (255, 255, 255), every channel maxed, which is white, and #000000 is (0, 0, 0), no light, which is black. Mixing pure red light #FF0000 with pure green light #00FF00 gives #FFFF00, or (255, 255, 0), which is yellow, exactly what adding red and green light should produce.

Key takeaway

Screens make color by adding red, green, and blue light (RGB, all on = white); print makes color by subtracting light with cyan, magenta, yellow, and black ink (CMYK, more ink = darker). Their gamuts differ, so a design can look different on screen than in print, and color management with ICC profiles exists to keep color consistent across devices.

Quick check

3 questions here, of 5 in this lesson’s practice set. Answers stay hidden until you check.

Question 1 of 3foundational

In the additive (RGB) color model used by screens, what results when red, green, and blue light are all combined at full strength?

Choose an answer, then check it.
Question 2 of 3intermediate

Why is a fourth ink, black (K), added to cyan, magenta, and yellow in process printing?

Choose an answer, then check it.
Question 3 of 3intermediate

A designer picks a vivid neon-orange on screen, but the printed proof looks noticeably duller. What is the most accurate explanation?

Choose an answer, then check it.
Practice all 5

Keep learning

Ready to build on this? Continue to the next lesson.

Practice this lesson
Study tools & related lessonsYou’ll learn to · Common mistakes · Easily confused · Key vocabulary · Related

You’ll learn to

  • Define a color model as a system for producing and encoding color.
  • Distinguish additive color (RGB, light) from subtractive color (CMYK, ink) and explain what happens when each is fully combined.
  • Explain why black (K) is added to cyan, magenta, and yellow in print.
  • Define color gamut and explain why a design can look different on screen versus in print.
  • Interpret hex notation as an RGB encoding and describe the role of color management and ICC profiles at a high level.
  • Distinguish spot color from process color, and identify Pantone as a proprietary spot-color system.

Common mistakes

  • Thinking mixing all colors always makes black, or always makes white.

    It depends on the model. Adding all RGB light makes white; combining all CMY inks subtracts light and heads toward dark (with black added for a true, dense black).

  • Designing artwork in RGB and expecting the printed piece to match the screen exactly.

    RGB and CMYK have different gamuts. Vivid on-screen colors can be out of gamut for ink and will shift. Preview or convert to CMYK and check colors before printing.

  • Believing hex codes or CMYK numbers mean the same color on every device.

    Raw values are device-dependent. Color management with ICC profiles is what keeps a color consistent as it moves between camera, screen, and press.

  • Assuming black in print is made by mixing cyan, magenta, and yellow.

    Real CMY inks combine to a muddy brown, so a dedicated black (K) ink is added for true black, sharp text, and less total ink on the paper.

  • Treating Pantone (spot) and CMYK (process) as interchangeable.

    Process color builds an image from four inks; a spot color is one pre-mixed ink for one exact hue. Some spot colors, including many Pantones, cannot be matched with process inks.

Easily confused

Additive (RGB) vs. Subtractive (CMYK)

Additive builds color by emitting and combining light (all channels on = white); subtractive builds color by absorbing light with ink (more ink = darker, no ink = white).

RGB gamut vs. CMYK gamut

Both are limited ranges of reproducible color, but they do not match; screens can typically show vivid colors that standard process inks cannot print, so converting RGB to CMYK usually loses colors.

Process color vs. Spot color

Process color simulates a hue from tiny dots of the four CMYK inks; spot color lays down one pre-mixed ink for an exact, consistent hue. Pantone is a proprietary spot-color library.

Raw color value vs. Color management

A raw RGB or CMYK number is device-dependent and can look different everywhere; ICC profiles and a color-management system translate it so the intended color stays consistent across devices.

Key vocabulary

Color model
A system for producing color and representing it as numbers a device can store and reproduce, such as RGB or CMYK.
Additive color
Color made by adding light. Red, green, and blue light combine toward white; with no light the result is black. Used by screens.
Subtractive color
Color made by inks or pigments that absorb (subtract) part of the light and reflect the rest. Combining inks heads toward dark; no ink is white. Used in print.
RGB
The additive primaries red, green, and blue, and the channels a screen uses to emit color, typically as three values from 0 to 255.
CMYK
The four process inks used in full-color printing: cyan, magenta, yellow, and key (black).
Color gamut
The full range of colors a particular device or color model can reproduce.
Out-of-gamut color
A color that one device or model can show but another cannot reproduce, so it must be substituted with the nearest available color.
Hex color notation
An sRGB encoding that writes a color as #RRGGBB, where each two-digit hexadecimal pair gives a red, green, or blue value from 0 to 255.
ICC profile
A standardized data set from the International Color Consortium describing the colors a specific device or color space produces, used by color management to translate color between devices.
Spot vs. process color
Process color builds images from the four CMYK inks; spot color uses a single pre-mixed ink for one exact color. Pantone is a proprietary spot-color system.

Sources & references

  1. Graphic Design and Print Production Fundamentals — BCcampus / Graphic Communications Open Textbook Collective (Ken Jeffery, Alan Martin, Roberto Medeiros, Steve Tomljanovic)
  2. Profile (ICC profiles and the profile connection space) — International Color Consortium (color.org)
  3. CSS Color Module Level 4 (hexadecimal color notation) — World Wide Web Consortium (W3C)
  4. Why is the color Black designated by the letter K in CMYK? — Color Vision Printing (industry reference)

EliExplains lessons are original prose written from the open, credible references above. See Copyright & Licensing.

Researched 2026-08-19

Educational content only. It is not medical, legal or professional advice. Found an error? Tell us.