Skip to main content

Free CMYK to RGB Converter – Print Colors to Screen Values

CMYK to RGB Converter changes print CMYK color values to on-screen RGB and hex approximations online for free. Live preview and copy-ready CSS in your browser.

Written & reviewed by Helperzy Editorial Team · Updated July 2026

BidirectionalLive SwatchHEX / RGB / HSLScreen ApproximationFree
%
%
%
%

Preview

#FFFFFF

Converted Values

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)

This is a screen approximation, not a print colour

This uses the simple (naive) CMYK formula. Real printing depends on an ICC colour profile plus the specific paper and ink, so the same CMYK values look different on a screen versus on paper. For anything that must match, a physical printer proof is the authoritative reference.

100% Private

All colour conversion runs locally in your browser. Nothing is uploaded.

How to Use CMYK to RGB Converter

1

Enter CMYK Values

Type the cyan, magenta, yellow, and key percentages from your print specification, each between 0 and 100. Use the sliders or the number fields, and keep the values within range so the approximation stays accurate for the screen.

2

View RGB & Preview

The approximate RGB values, hex code, and a live color swatch update instantly as you adjust the inks. Compare the swatch with your expected shade, remembering this is a screen estimate rather than a guaranteed print match.

3

Copy the Value

Copy the rgb() string or hex code straight into your CSS or design tool for web use. For anything where color must be exact, confirm against a printed proof from the actual press rather than the screen.

What a CMYK to RGB Converter Does and How It Works

A CMYK to RGB converter takes the four ink percentages used in printing and estimates the on-screen colour they correspond to, giving you RGB channels and a hex code you can use on the web. CMYK stands for cyan, magenta, yellow, and key (black), the four inks a printing press lays down on paper, while RGB describes the red, green, and blue light a screen emits. Designers reach for this conversion when a client supplies a brand colour as a CMYK build from a print job and the same colour now has to appear on a website, an email, or a social graphic. It is important to be honest up front: this is an approximation, because screens make colour with light and printers make it with ink, and the two do not map onto each other with a single tidy equation. The common screen approximation treats the inks as fractions from zero to one, dividing each percentage by 100 first. Red is worked out as 255 times one minus cyan times one minus black, green as 255 times one minus magenta times one minus black, and blue as 255 times one minus yellow times one minus black. In plain terms, cyan removes red light, magenta removes green, yellow removes blue, and the black channel darkens everything together. The reverse direction is used when you enter RGB and want the CMYK build back: the tool divides each channel by 255 to get red-prime, green-prime, and blue-prime, sets black to one minus the largest of those three, then computes cyan as one minus red-prime minus black, all divided by one minus black, with magenta and yellow found the same way. A guard handles pure black, where the largest prime is zero and black becomes one; there the division would break, so cyan, magenta, and yellow are simply set to zero. Work an example through to see the shape of it. Take a CMYK build of cyan 76 percent, magenta 31 percent, yellow 0 percent, and black 14 percent. As fractions that is 0.76, 0.31, 0, and 0.14. Red is 255 times 0.24 times 0.86, which is about 52. Green is 255 times 0.69 times 0.86, which is about 152. Blue is 255 times 1 times 0.86, which is about 219. So the result is roughly rgb(52, 152, 219), or the hex code #3498db, a mid blue. The tool shows those numbers and a swatch at once, and it will remind you that a real press could render that same build a little differently depending on the paper and ink. The practical jobs are everyday ones. A studio receives a logo specified in CMYK for stationery and needs a close web equivalent for the matching site header. A marketer converts a print advert's background so the online banner looks consistent with the printed piece. A packaging designer checks roughly how a box colour will read on a product page before the photography arrives. A newsletter author matches an approximate hex to a printed flyer so the two campaigns feel like one. Each of these is about getting close quickly on screen, then confirming the true colour separately where accuracy is critical. Be clear about the limits so the approximation is not misused. Accurate print-to-screen colour depends on an ICC colour profile and on the specific paper, ink, and press, none of which a plain formula can capture, so treat the RGB result as a starting point rather than a guaranteed match. For anything where the colour must be exact, a printed proof from the actual press is the authoritative reference, not a screen preview, and a colour-managed workflow with the correct profile will always beat a generic equation. With that understood, the converter is genuinely useful for getting a fast, sensible web colour from a print spec. Everything runs locally in your browser with simple arithmetic, so the tool works offline once the page has loaded and no colour value you enter is uploaded, logged, or stored anywhere.

CMYK to RGB Converter Formula & Method

Treat C, M, Y, K as fractions 0–1 (percent ÷ 100). This is a screen approximation, not a colour-managed match. R = 255 × (1 − C) × (1 − K) G = 255 × (1 − M) × (1 − K) B = 255 × (1 − Y) × (1 − K) Reverse (RGB → CMYK): R' = R/255, G' = G/255, B' = B/255 K = 1 − max(R', G', B') C = (1 − R' − K) / (1 − K), M and Y likewise; if K = 1 then C = M = Y = 0.

Examples: CMYK to RGB Converter

Input

CMYK(76%, 31%, 0%, 14%)

Result

rgb(52, 152, 219) · #3498db

R = 255 × 0.24 × 0.86 ≈ 52, G = 255 × 0.69 × 0.86 ≈ 152, B = 255 × 1 × 0.86 ≈ 219.

Input

CMYK(0%, 0%, 0%, 0%)

Result

rgb(255, 255, 255) · #ffffff

No ink and no black leaves every channel at full 255, giving white on screen.

Input

CMYK(0%, 100%, 100%, 0%)

Result

rgb(255, 0, 0) · #ff0000

Full magenta removes green and full yellow removes blue, leaving pure red.

Frequently Asked Questions – CMYK to RGB Converter

Enter the cyan, magenta, yellow, and key (black) percentages into the Helperzy converter and the approximate RGB values and hex code appear at once, along with a live color swatch. The tool uses the standard screen approximation for the conversion.