CMYK to RGB Converter
Enter cyan, magenta, yellow and black percentages and get the RGB values and HEX code with a live swatch.
How to use
- Step 1Type the four percentages from the print file, swatch or brand guide into the Cyan, Magenta, Yellow and Black fields, or drag the sliders; decimals are fine. The swatch changes as you go.
- Step 2Copy the value your program wants: the HEX for CSS, Figma, Canva and most web tools, RGB for Office and video software, HSL if you plan to adjust lightness or saturation afterwards.
- Step 3Treat the result as the profile-free preview of a print color. When the RGB has to reproduce a printed brand color, take the RGB from the brand guide, or convert the swatch in Illustrator or Photoshop with the printer's ICC profile.
Ink on paper versus light on a screen
CMYK is subtractive: cyan, magenta and yellow inks each absorb part of the white light reflected from paper, and black (K, for key) adds depth and saves colored ink. The four numbers say how much of each ink covers the paper, from 0 to 100 percent; 0/0/0/0 is bare paper, and every ink added makes the result darker.
RGB is additive: a screen starts black and adds red, green and blue light, each from 0 to 255; 255/255/255 is white. HEX is the same three numbers written in base 16, and HSL rewrites them as hue, saturation and lightness. A CMYK color therefore has no single RGB equivalent: the answer depends on which inks, which paper and which screen are meant.
CMYK values come from print-ready files (InDesign and Illustrator swatches, PDF/X exports), from a printer's specification, or from a brand guide that lists PANTONE®, CMYK, RGB and HEX side by side. That last case is the usual reason for this conversion: the guide has a CMYK value, and the web designer needs a HEX.
The formula this page uses
With C, M, Y and K as fractions from 0 to 1: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K), each rounded to the nearest whole number. It assumes ideal inks that each absorb exactly one of the three lights, and paper that reflects everything, which is why the CSS color specification calls the same calculation the naive conversion for device-cmyk().
Example: C 70, M 20, Y 0, K 10. R = 255 × 0.30 × 0.90 = 68.85 → 69; G = 255 × 0.80 × 0.90 = 183.6 → 184; B = 255 × 1.00 × 0.90 = 229.5 → 230. The result is rgb(69, 184, 230), HEX #45b8e6.
The formula loses information at the dark end: every color with K = 100 becomes #000000, so 0/0/0/100 (plain black) and 60/40/40/100 (a rich black) come out identical, although on paper the rich black is visibly deeper.
Why Illustrator and Photoshop show other numbers
Adobe applications convert through an ICC profile that describes real inks on real paper: U.S. Web Coated (SWOP) v2 by default in North America, Coated FOGRA39 in Europe, Japan Color 2001 Coated in Japan. Real cyan ink is not the exact opposite of red light, so 100 percent cyan through the SWOP profile is about #00aeef, a sky blue, rather than the formula's #00ffff, and 100 percent black alone is the dark grey #231f20, not #000000. The profile also knows that the paper is not perfectly white and that inks overprint imperfectly.
Neither answer is wrong. The formula is the device-independent reference that web calculators, spreadsheets and CSS tools share, and it is what people mean when they quote a CMYK-to-RGB value without naming a profile. The profile answer is what the job will look like on that press and paper, and it is the one to use for a brand color, a packaging mock-up or a soft proof.
The classic Illustrator swatch conversions, with the SWOP profile, next to the formula:
| Ink | CMYK | Formula (this page) | SWOP profile (Illustrator) |
|---|---|---|---|
| Paper white | 0 / 0 / 0 / 0 | #ffffff | #ffffff |
| Cyan | 100 / 0 / 0 / 0 | #00ffff | about #00aeef |
| Magenta | 0 / 100 / 0 / 0 | #ff00ff | about #ec008c |
| Yellow | 0 / 0 / 100 / 0 | #ffff00 | about #fff200 |
| Red (M + Y) | 0 / 100 / 100 / 0 | #ff0000 | about #ed1c24 |
| Green (C + Y) | 100 / 0 / 100 / 0 | #00ff00 | about #00a651 |
| Blue (C + M) | 100 / 100 / 0 / 0 | #0000ff | about #2e3192 |
| Black (K only) | 0 / 0 / 0 / 100 | #000000 | about #231f20 |
What neither side can show
The two gamuts overlap only partly. sRGB cannot show a process cyan or yellow at full strength, and print cannot reproduce the saturated greens, oranges and blues a screen makes easily, which is why a bright #00ff00 comes back from a press as a muted green whatever the numbers say. Total ink coverage adds a second limit: presses cap the sum of the four percentages, typically 300 percent for SWOP, 330 for FOGRA39 coated stock and around 240 for newsprint, so 100/100/100/100 is a registration mark, not a printable color.
Questions and answers
Why does Illustrator give different RGB values for the same CMYK?
Because it converts through the document's CMYK profile (U.S. Web Coated (SWOP) v2 unless changed in Edit → Color Settings), which models real inks, paper white and dot gain. This page uses the profile-free formula. Change the profile in Illustrator and its RGB changes again; the formula never does.
Which value should I paste into CSS?
The HEX (#45b8e6) or rgb(69, 184, 230); both describe the same sRGB color and browsers treat them identically. CSS has no working CMYK color: device-cmyk() is in the specification but is not implemented by browsers, so a CMYK from a print file always needs converting first.
Why do 0/0/0/100 and 60/40/40/100 both give #000000?
Because the formula multiplies by (1 − K), and with K at 100 percent that factor is zero whatever cyan, magenta and yellow add. On paper the difference is real: 100 percent black alone prints as a dark grey (about #231f20 under a SWOP profile), while a rich black under-printed with the other inks reaches a deeper black. For screen use take #000000 for either; for print keep the values as the printer specified.
Can I convert a whole PDF or image, not one color?
Not here: this page converts one value at a time. For files, let the design program do it with a profile. In Illustrator, File → Document Color Mode → RGB Color converts the artwork; in Photoshop, Image → Mode → RGB Color, after choosing the source CMYK profile in Color Settings; Acrobat Pro converts PDFs under Print Production → Convert Colors. All of those use an ICC profile, so their results are what this page calls the profile answer.