🖨️ CMYK to RGB Converter with Live HEX Output
By Shihab Mia · Updated 2026-07-01
CMYK (each 0 to 100)
Edit CMYK, RGB or HEX, or use the picker. The others update live. CMYK is approximate on a screen.
To convert CMYK to RGB, apply R = 255 x (1 - C) x (1 - K), G = 255 x (1 - M) x (1 - K), and B = 255 x (1 - Y) x (1 - K), where C, M, Y, and K are the four percentages divided by 100. This tool does that instantly: type the cyan, magenta, yellow, and key (black) values from 0 to 100 and you get the matching RGB triple, hex code, and a live swatch. It also works in reverse, so you can edit the RGB or hex side, or use the color picker, and the CMYK values update to match. Remember that any on-screen CMYK color is an approximation, because inks, paper, and monitor calibration are not part of the plain math.
What is the CMYK to RGB Converter?
CMYK is the four-ink color model used in printing: cyan, magenta, yellow, and key, where key means black. It is a subtractive model, meaning each ink absorbs (subtracts) some of the light hitting the white paper. Pile on all the inks and you approach black, which is why printers add a dedicated black ink (the K) instead of relying on heavy cyan, magenta, and yellow alone. RGB, by contrast, is the additive model your screen uses: red, green, and blue light are emitted and added together, and at full strength they make white. The two models are built on opposite physics, which is the root reason a conversion between them can only ever be an approximation.
The arithmetic this tool uses maps the percentages directly. Red is 255 times one minus cyan, then scaled down by one minus the key value, and the same pattern gives green from magenta and blue from yellow. This is the standard textbook formula you will find on RapidTables and most design references. It is exact and fully reversible as pure math, but it does not know anything about real inks, the paper stock, dot gain on the press, or how bright and warm your monitor happens to be. Two people running the same CMYK numbers through a calibrated print shop can get visibly different results, while this converter always returns one clean, repeatable screen value.
The biggest practical difference between the two spaces is gamut, the total range of colors each can reproduce. A typical sRGB screen can show on the order of 16 million colors, including intensely saturated blues, greens, and purples that glow because they are made of emitted light. A standard CMYK ink set on coated paper reproduces a far smaller range, often described as somewhere near 16,000 distinguishable printable colors. That mismatch is why a vivid screen blue or bright orange frequently prints duller: the color sits outside the ink gamut and gets pulled to the nearest printable neighbor. Interestingly, the reverse also happens in narrow zones, since a few deep cyans and aquamarines in coated CMYK fall just outside sRGB.
Because of that gamut gap, a professional print workflow does not rely on plain formulas at all. It uses ICC color profiles, which are data files that describe exactly how a specific printer, ink set, and paper reproduce color. Profiles like U.S. Web Coated SWOP v2 or Coated FOGRA39 let design software remap colors intelligently and preview soft proofs before anything is printed. This converter is not a substitute for that. It is a fast, consistent tool for picking a color, sanity checking a value, translating a brand color between a print spec and a website, or starting a design. For a final print run, always trust a physical proof and the ICC profile your print shop supplies rather than the on-screen swatch.
One more subtlety worth knowing is how black is handled. When you convert an RGB color to CMYK, the formula first finds K as one minus the brightest of the three scaled channels, then derives cyan, magenta, and yellow from what is left. This means a mostly dark color naturally leans on the K channel, which is what you want, because a rich black built from a single ink prints cleaner and sharper than one built by stacking three inks. It also explains why converting a color to CMYK and straight back to RGB can shift a channel by a single unit: the percentages here are whole numbers, so tiny rounding differences are normal and visually invisible.
When to use it
- Taking a CMYK color from a print brand guide and getting a usable RGB or hex value for a website, app, or presentation.
- Roughly converting a screen color to CMYK to see how it might break down into print inks before sending artwork to a printer.
- Checking whether a chosen color leans heavily on the black (K) channel, which often prints cleaner than a mix of three inks.
- Translating a logo color between a print spec and a digital style sheet so both versions look as close as the two gamuts allow.
- Quickly generating a hex code from CMYK values for a CSS variable, design token, or email template.
- Teaching or learning how subtractive (ink) and additive (light) color models relate, using the live swatch as a visual aid.
How to use the CMYK to RGB Converter
- Enter the cyan, magenta, yellow, and key (black) percentages, each from 0 to 100.
- Read off the matching RGB value and hex code, and check the live color swatch.
- To go the other way, type an RGB value or a hex code, or use the color picker, and the CMYK fields update.
- Use the copy buttons to grab the RGB, hex, or CMYK string for your design file.
- Treat the swatch as an approximation and confirm any print color against a physical proof.
Formula & method
Worked examples
Convert CMYK(0, 100, 100, 0), a pure red mix, to RGB and hex.
- C = 0, M = 1, Y = 1, K = 0 after dividing each by 100
- R = 255 x (1 - 0) x (1 - 0) = 255
- G = 255 x (1 - 1) x (1 - 0) = 0
- B = 255 x (1 - 1) x (1 - 0) = 0
- Combine (255, 0, 0) into hex
Result: RGB is rgb(255, 0, 0), hex is #FF0000, a pure red
Convert the orange rgb(255, 128, 0) back to CMYK.
- Scale to 0 to 1: R = 1, G = 0.502, B = 0
- K = 1 - max(1, 0.502, 0) = 1 - 1 = 0
- C = (1 - 1 - 0) / (1 - 0) = 0
- M = (1 - 0.502 - 0) / 1 = 0.498, about 50%
- Y = (1 - 0 - 0) / 1 = 1, about 100%
Result: CMYK is about (0%, 50%, 100%, 0%)
Convert a rich navy CMYK(100, 80, 0, 40) to RGB and hex.
- C = 1, M = 0.8, Y = 0, K = 0.4 after dividing by 100
- R = 255 x (1 - 1) x (1 - 0.4) = 255 x 0 x 0.6 = 0
- G = 255 x (1 - 0.8) x (1 - 0.4) = 255 x 0.2 x 0.6 = 30.6, rounds to 31
- B = 255 x (1 - 0) x (1 - 0.4) = 255 x 1 x 0.6 = 153
- Combine (0, 31, 153) into hex
Result: RGB is about rgb(0, 31, 153), hex is about #001F99, a deep navy
Common colors in CMYK with their RGB and hex equivalents
| Color | CMYK | RGB | Hex |
|---|---|---|---|
| Red | 0, 100, 100, 0 | rgb(255, 0, 0) | #FF0000 |
| Green | 100, 0, 100, 0 | rgb(0, 255, 0) | #00FF00 |
| Blue | 100, 100, 0, 0 | rgb(0, 0, 255) | #0000FF |
| Cyan | 100, 0, 0, 0 | rgb(0, 255, 255) | #00FFFF |
| Magenta | 0, 100, 0, 0 | rgb(255, 0, 255) | #FF00FF |
| Yellow | 0, 0, 100, 0 | rgb(255, 255, 0) | #FFFF00 |
| White | 0, 0, 0, 0 | rgb(255, 255, 255) | #FFFFFF |
| Black | 0, 0, 0, 100 | rgb(0, 0, 0) | #000000 |
| Mid gray | 0, 0, 0, 50 | rgb(128, 128, 128) | #808080 |
What each CMYK channel means
| Channel | Letter | Role |
|---|---|---|
| Cyan | C | Absorbs red light, a blue-green ink |
| Magenta | M | Absorbs green light, a pink-red ink |
| Yellow | Y | Absorbs blue light, a warm ink |
| Key | K | Black ink, for depth and clean text |
RGB versus CMYK at a glance
| Property | RGB | CMYK |
|---|---|---|
| Model type | Additive (light) | Subtractive (ink) |
| Primary use | Screens and web | Printing on paper |
| Channels | Red, Green, Blue | Cyan, Magenta, Yellow, Key |
| Range per channel | 0 to 255 | 0 to 100 percent |
| Approx. gamut size | About 16 million colors | Near 16,000 printable colors |
| At full strength | Makes white | Approaches black |
Common mistakes to avoid
- Expecting the screen color to match the print exactly. The simple formula ignores real inks, paper, and monitor calibration. The on-screen swatch is an approximation only. For a final print job, rely on a physical proof and the ICC profile your print shop supplies.
- Entering CMYK values above 100 or below 0. Each CMYK channel is a percentage from 0 to 100. Values outside that range are clamped, so a typo like 120 is treated as 100 rather than producing a meaningful color.
- Confusing K with a fifth color. K stands for key, which is black. It is not a separate hue but the black ink used to add depth and keep text crisp without overloading the other three inks.
- Assuming the conversion is perfectly round-trip stable. CMYK percentages are whole numbers here, so converting RGB to CMYK and back can shift a channel by one unit due to rounding. The difference is invisible but it explains tiny mismatches.
- Designing vivid screen colors and expecting them to print the same. The brightest RGB blues, greens, and purples sit outside the CMYK gamut. When printed they get pulled toward the nearest printable shade and look duller, so check saturated colors early rather than at the proof stage.
- Sending RGB artwork straight to a printer. Print devices work in CMYK. If you supply RGB files, the printer or RIP converts them with whatever profile it defaults to, which can surprise you. Convert and review the color yourself using the right ICC profile before submitting.
Glossary
- CMYK
- The four-ink subtractive color model used in printing: cyan, magenta, yellow, and key (black), each given as a percentage from 0 to 100.
- RGB
- The additive color model used by screens, describing a color by its red, green, and blue light, each from 0 to 255.
- Key (K)
- The black channel in CMYK, used to add depth and print sharp text instead of mixing three inks for dark areas.
- Subtractive color
- A model where inks or pigments absorb light, so adding more colorant moves the result toward black.
- Additive color
- A model where colored light is combined, so adding more light moves the result toward white, as on a screen.
- Gamut
- The full range of colors a device or model can reproduce. RGB has a wider gamut than CMYK, so some screen colors cannot be printed.
- ICC profile
- A data file that describes how a specific device reproduces color, used to convert accurately between CMYK and RGB.
- Hex code
- A six-digit representation of an RGB color, such as #FF0000, common in web and design tools.
Frequently asked questions
How do I convert CMYK to RGB?
Use R = 255 x (1 - C) x (1 - K), G = 255 x (1 - M) x (1 - K), and B = 255 x (1 - Y) x (1 - K), where C, M, Y, and K are the percentages divided by 100. This converter applies it automatically the moment you type the four CMYK values, and it also shows the hex code and a live swatch.
Can I convert RGB back to CMYK here?
Yes. Type an RGB value or a hex code, or use the color picker, and the CMYK fields update. It first works out K as one minus the largest of the scaled red, green, and blue, then derives cyan, magenta, and yellow from the rest.
Why does my CMYK color look different when printed?
The math here is a generic screen approximation that ignores real inks, paper, and monitor calibration. Actual printing uses ICC color profiles tied to a specific press, so the same CMYK numbers can print differently. Always check a physical proof.
What does the K in CMYK stand for?
K stands for key, which is the black ink. It is used because layering cyan, magenta, and yellow to make black wastes ink and looks muddy, while a dedicated black gives deeper darks and crisper text.
Is CMYK to RGB conversion exact?
The arithmetic is exact and reversible, but the color match is not. RGB can display vivid colors that no ink set can reproduce, and CMYK can describe ink mixes that no screen shows perfectly, so any conversion between them is an approximation.
Why are some bright screen colors hard to match in CMYK?
Screens emit light and can hit very saturated reds, greens, and blues. Printing inks reflect light and cover a smaller gamut, so the most vivid RGB colors fall outside what CMYK inks can print and get pulled toward the nearest printable shade.
Do I need an ICC profile for accurate conversion?
For casual use, no. This tool gives a fast, consistent estimate. For production printing, yes: an ICC profile such as U.S. Web Coated SWOP v2 or Coated FOGRA39 describes your exact press and paper, letting design software remap colors and soft proof them far more accurately than a plain formula.
Is this CMYK to RGB converter free?
Yes, it is completely free with no signup. You can convert as many colors as you like in either direction and copy the RGB, hex, or CMYK values straight into your files.
What is the difference between RGB and CMYK?
RGB is additive and made of red, green, and blue light for screens, where full strength makes white. CMYK is subtractive and made of cyan, magenta, yellow, and black ink for print, where full ink coverage approaches black. RGB also covers a wider gamut.
How do I get a hex code from CMYK?
Enter your CMYK values and the tool converts them to RGB, then shows the equivalent hex code automatically. Use the copy button next to the hex field to paste it into CSS, a design token, or any web tool.