CMYK to RGB Converter
Take CMYK ink percentages and get an on-screen RGB preview. It's a useful approximation of how a printed colour might look on a monitor — handy, but never a substitute for a real proof.
R
G
B
What is a CMYK to RGB converter?
A CMYK to RGB converter goes the other way from print preparation: it takes the four ink percentages — cyan, magenta, yellow and key black — and works out roughly how that colour would appear as light on a screen. It's the tool you want when a printer hands you CMYK specs and you need to mock them up digitally.
Because RGB has the larger gamut, almost any CMYK colour does have an RGB equivalent — the awkward direction is the reverse. Even so, this remains an approximation: the formula can't know the paper white, ink density, or lighting the printed piece was measured under, all of which shape how that ink actually looks.
The conversion runs locally in your browser, so the print specs you paste stay on your machine.
How to convert CMYK to RGB
- 1
Enter the ink percentages
Type cyan, magenta, yellow and key (black), each from 0 to 100 percent.
- 2
Get the RGB value
The equivalent red, green and blue channels appear instantly as a screen preview.
- 3
Use it on screen
Copy the RGB (or matching hex) into your web design, mockup, or presentation.
- 4
Remember it's a preview
The on-screen colour approximates the print; a calibrated proof is the real reference.
Where it helps
Mock up print colours digitally
Visualise a printer's CMYK spec on screen for a website, slide or social graphic.
Rebuild a digital palette
Recover usable RGB values when all you've been given is the print colour breakdown.
Bridge teams
Help web and print collaborators talk about the same colour in both languages.
Private and instant
Specs are converted locally with no upload and no waiting.
Example conversion
A process blue ink mix, previewed as screen RGB.
cmyk(100%, 49%, 0%, 14%)rgb(0, 112, 219)Close to the original rgb(0, 112, 220); a one-unit drift is normal rounding on the round trip.
Why this direction is easier — but still approximate
Converting from ink to light is the friendlier direction because RGB's gamut comfortably contains the colours CMYK can print. You won't usually hit a colour that simply can't be shown on screen. The catch is fidelity: a screen emits its own bright light, while printed ink only reflects ambient light, so the same colour feels different in each medium even when the numbers line up.
Treat the RGB you get as a faithful sketch of the printed colour, not a colour-managed match. For exact agreement you'd need the print's measured values and a calibrated display.
Good reasons to convert print colours to screen
- Designing a website to sit alongside an existing printed brochure or packaging.
- Previewing a print-only brand palette on a digital mockup.
- Sharing a colour with a developer who works in hex and RGB.
- Sanity-checking that a CMYK build lands somewhere sensible before proofing.
Frequently asked questions
It's the easier direction, because RGB's larger gamut can contain almost every CMYK colour. But it's still an approximation — the formula doesn't account for paper, ink density or viewing light, so the on-screen colour is a preview, not a measured match.
Screens emit light while ink reflects it, so the same colour generally appears more luminous on a monitor. That difference is inherent to the two media and can't be removed by the conversion itself.
Yes — once you have the RGB values, our CMYK to HEX converter gives you the hex form directly for use in CSS and design tokens.
Usually very close, but not always identical. Rounding at each step can shift a channel by a unit or two when you round-trip a colour through CMYK and back.
Their colour-managed software previews CMYK through an ICC profile for the specific stock, which can differ from this generic formula. Both are reasonable; theirs is tuned to the actual output.
Convert the CMYK ink percentages to RGB here, then use that value as the background of a div in your mockup. Label it clearly as an on-screen approximation. For the final deliverable, use the printer's colour-managed proof as the authority — not the screen preview.
Need another tool?
Browse the full toolbox or dig into the blog for the engineering behind it.