HEX to CMYK Converter
Convert a HEX color code to CMYK values for print, with RGB shown too, a live swatch, color picker, and copy.
- Free, no account
- No watermark
- No usage limit
About the HEX to CMYK Converter
Paste a hex and you get its CMYK breakdown on the spot, cyan, magenta, yellow, and black as percentages, the four numbers a printer thinks in. You also get the same color as RGB, HSL, HSV, and hex right beside it, each with its own copy button and a live swatch up top. Feed it an rgb() string, an hsl() string, or just the word tomato instead of a hex and it reads those too. Most hex-to-CMYK boxes want a clean six-digit hex and hand back four ink numbers, and that is the whole of what they do. This one takes whatever color you have and shows the whole color in every format at once.
The other thing it does, and it's the reason to trust it over some random converter, is tell you the truth about those CMYK numbers, which are not a print spec. They're an approximation from a plain formula, the same formula every free tool runs, and it's genuinely handy for a mockup or a gut check on how a screen color might sit in ink. What it is not is what a print shop actually sends to press. Skip that distinction and you can pay for a run that comes back looking nothing like your screen.
How to use
- Type or paste a color into the box. A hex works with or without the
#, and so does anrgb,hsl, orhslastring, or a CSS color name likerebeccapurple. - Or click the picker to choose one by eye. The box and every output snap to match.
- Read the CMYK row, the full
cmyk(...)string with all four channels as whole-number percentages, and one button copies the lot. - Scan the other rows if you need them. HEX, RGB, HSL, and HSV of the same color sit right there, so you're not opening four tabs to cross-check one value.
- Copy any row with the button beside it, or grab a shareable link that reopens the exact color for a teammate.
- Type something that isn't a real color and the swatch clears with a quiet hint. No crash, no
NaNstaring back.
The CMYK here is a starting point, not a spec
Every free hex-to-CMYK converter, this one included, runs the same standard formula. It pulls out the darkest shared component, calls that black, and works out how much cyan, magenta, and yellow sits on top. It's fast and it's fine for a rough read. What it quietly assumes is a generic press, no paper profile, and zero ink gain, none of which is true of the actual printer your file lands on.
A real print job gets converted with an ICC profile, a precise description of how one specific press, ink set, and paper reproduce color. There's a different profile for US sheetfed coated stock, for European coated, for newsprint, and dozens more, and each one handles what a formula can't: ink spreading on the paper, the paper's own white, the true reach of that press. Two shops on two profiles can turn the same hex into two different CMYK builds and both be correct.
Then there's the gap you can see with your own eyes. A screen glows, paper just reflects the light in the room, so a punchy saturated green or a searing blue on your monitor has no ink that matches it. Those colors sit outside what four inks can physically make, and the conversion clips them to the nearest printable mix, which lands flatter and duller. Blues and greens take the worst of it. Neon basically doesn't exist in CMYK.
So use this output as a first guess, not a final answer. For a mockup, a CSS-to-print sketch, or just to see how a color splits into inks, it's plenty. For anything a client signs off on, a logo, a brand color, packaging, do the conversion in your design software against the ICC profile your printer hands you, or email the shop and ask for the exact build. That one email beats any formula, and a good shop would far rather answer it than reprint your job.
Do you even need CMYK?
Plenty of people convert to CMYK when they never had to, so before you copy those numbers, check that print is actually where this color is headed.
You need CMYK when the color gets physically printed on a press or an office printer that thinks in ink. Business cards, flyers, brochures, posters, packaging, a magazine ad, letterhead. If a print shop or a layout file asks you for CMYK values, this is your world.
You don't need it for anything that stays on a screen. Websites, apps, social posts, video, email, a PDF nobody prints, those are RGB from start to finish, and converting to CMYK there only throws color range away for nothing.
Two more cases skip the formula entirely. A lot of modern digital printers and photo labs actually prefer you hand them RGB or a good PDF and let them convert internally, with better profiles than any generic math, so ask first. And a Pantone spot color is a single pre-mixed ink matched to a physical swatch book, the kind of thing a logo uses to stay exact across every job. It isn't built from four channels at all, so a CMYK formula can only ever land near it, never on it.
Frequently asked questions
What does the K in CMYK actually stand for?
K is for key, and in practice it means black. You might wonder why printers bother with a fourth ink when cyan, magenta, and yellow already mix to a dark color, and the answer comes in two parts. Stacking three inks to fake black soaks the paper, dries slowly, and still only gives you a muddy brown instead of a real black. And since most of what gets printed is black text, a dedicated black channel is sharper and far cheaper than triple-inking every letter. That's also why pure black (#000000) comes out as K100 with the other three at zero.
My four numbers add up to well over 200 percent. Is that a problem?
It can be. The four percentages added together are the total ink coverage, and a rich dark color can push that number high. Lay too much wet ink on a sheet and it can smear, offset onto the next sheet, or refuse to dry, so print shops cap the total, often somewhere around 240 to 300 percent depending on the paper. The formula here doesn't limit it, so if a deep color comes back with big numbers across all four channels, raise it with your printer before the run.
Can I paste something other than a hex code?
Yes, and this is where it beats a plain hex-only box. It reads any color your browser understands: a full or shorthand hex, an rgb() or rgba() string, hsl() or hsla(), or a CSS color name like rebeccapurple or tomato. If what you paste carries transparency, an RGBA row shows up too. Whatever you give it, you get every other format back.
Does shorthand hex like `#f0f` work?
It does. A three-digit code is expanded by doubling each digit, so #f0f becomes #ff00ff and converts exactly the same as the long form. The # is optional either way, and the picker always writes back a full six-digit code.
Why show RGB, HSL, and HSV when I only asked for CMYK?
Because seeing the screen values next to the print approximation tells you something the CMYK alone can't, roughly how much punch a color is going to lose on paper. A saturated hsl with a high value that converts to a flat ink mix is a warning sign worth catching early. There is a practical side as well, since design tools ask for different formats, and having them all in one place saves you converting the same color twice.
Is my color data sent anywhere?
No. The whole thing runs in your browser, so your codes never leave your machine, and once the page has loaded it keeps working even if your connection drops. Copy and the shareable link use your browser's own clipboard. No account, no upload.
The print came back wrong even though I used these numbers. How do I get closer?
Three things move the needle. Calibrate your monitor, because an uncalibrated screen is already lying to you about the color you started from. Soft-proof inside design software using your printer's ICC profile, which shows you on screen roughly what the press will do, gamut clipping and all. And for anything that matters, ask the shop for a physical proof before you commit to the full run.