CMYK to Color Tone
Enter cyan, magenta, yellow and key percentages and preview the on-screen tone your CMYK mix produces, with its RGB, HEX and HSV equivalents.
CMYK color converter
Enter a color in CMYK and see it converted to every other color model instantly - no upload, everything runs on this page.
rgb(61, 107, 242)#3D6BF2cmyk(75%, 56%, 0%, 5%)hsv(225°, 75%, 95%)About CMYK to Color Tone
CMYK is the four-ink, subtractive color model used in printing: cyan, magenta, yellow and key (black), each set as a percentage of ink coverage from 0 to 100. Screens, however, work in additive RGB. This converter bridges the two - you type the four CMYK percentages and it renders the closest screen tone plus the matching RGB, HEX and HSV values, so a color defined for print becomes usable on the web and in code.
The conversion uses the standard device-independent formula, where each RGB channel is scaled by its ink and by black: red is 255 x (1 - C) x (1 - K), with green driven by magenta and blue by yellow. It is important to treat the result as a preview rather than a colour-managed match. Real printed output depends on the printer's ICC profile, the paper stock and the actual inks, and the RGB gamut on a monitor is wider than what many presses can reproduce, so vivid mixes are approximated by the nearest displayable tone.
That preview is still valuable for everyday work: getting a web-ready HEX for a print brand color, sanity-checking a build before artwork goes out, or giving a developer numbers they can drop straight into CSS. The calculation happens locally in your browser on European-hosted infrastructure, so your color values never leave your device and no external service sees them.
How to use it
- 1Enter Cyan, Magenta, Yellow and Key (black), each as a percentage from 0 to 100.
- 2Watch the swatch render the closest on-screen tone for that ink mix.
- 3Read the RGB, HEX and HSV equivalents to reuse the color on screen or in code.
- 4Copy the HEX or RGB value into your website, stylesheet or design file.
Common use cases
- -Preview roughly how a CMYK print color will appear on a monitor.
- -Get the HEX and RGB web equivalent of a brand color defined for print.
- -Pass a print designer's CMYK spec to a web developer as usable values.
- -Sanity-check a CMYK build on screen before sending artwork to a printer.
Frequently asked questions
- How do you convert CMYK to RGB?
- Each channel is scaled by its ink and by black: R = 255 x (1 - C) x (1 - K), with green using magenta and blue using yellow, values taken as fractions. This tool applies that formula and also returns HEX and HSV.
- Is CMYK to RGB conversion accurate?
- It is a close mathematical approximation, not a color-managed match. True print output depends on the printer's ICC profile, paper and inks, so treat the on-screen tone as a preview rather than a guarantee.
- What do C, M, Y and K stand for?
- Cyan, Magenta, Yellow and Key (black) - the four inks of the subtractive color model used in printing. Each is expressed as a percentage of ink coverage from 0 to 100.
- Why does my CMYK color look different on screen?
- Screens emit light in additive RGB while print reflects it in subtractive CMYK, and the RGB gamut is wider, so a saturated CMYK mix can only be represented by the nearest tone a display can show.
- Can I convert CMYK to HEX here?
- Yes. Enter the four CMYK percentages and the tool outputs the matching HEX code along with RGB and HSV, ready to paste into CSS or a design application.
- Does entering CMYK values upload anything?
- No. The calculation runs locally in your browser, so your color values never leave your device or reach any third party.