01
Enter a HEX colour
Type three or six hexadecimal digits, with or without the leading #. Or use the colour picker, or the screen eyedropper where your browser supports it.
HEX to CMYK converter
Convert HEX to CMYK the moment you type
Paste a hex code and get print-ready ink percentages instantly — with total ink coverage, RGB, HSL and a live swatch. Edit any ink to work backwards. No submit button, no ads, no upload.
- No submit button — converts as you type
- 100% client-side — nothing is uploaded
- No ads, no account
Converter
HEX to CMYK, both ways
Type a HEX code, or edit the ink percentages directly. Every value stays in sync as you go.
3 or 6 digits
Enter a 3 or 6 digit hexadecimal colour, with or without the leading hash.
Recent
Nothing yet.
#7C3AED
- HEX
- CMYK
- RGB
- HSL
Total ink coverage
131%
Within the ~300% most commercial presses accept.
CMYK here is the standard sRGB approximation — a faithful preview, not a press-calibrated match.
Bulk
Bulk convert HEX to CMYK
Paste as many HEX codes as you like — one per line, comma, or space separated. Get a CMYK list back, then copy it or download it as CSV, CSS variables, SCSS, or JSON.
Separate with newlines, commas, or spaces. 3- and 6-digit both work.
0 colours detected.
Converted list
Paste some HEX codes on the left to see them converted here.
| Swatch | HEX | CMYK | RGB | HSL |
|---|
How it works
Three steps, nothing complicated
02
Read the ink breakdown
C, M, Y and K percentages update instantly as visual ink bars, alongside RGB, HSL and a Total Ink Coverage check so you know the colour is press-safe.
03
Copy, or work in reverse
Click any value to copy it, or edit the ink percentages directly and watch the HEX update. Deep-link or share any result — the colour lives in the URL.
The formula, in plain terms
There is no direct route from HEX to CMYK — the conversion always passes through RGB. Each channel is scaled by how much black ink remains:
k = 1 − max(R′, G′, B′)
c = (1 − R′ − k) ÷ (1 − k)
m = (1 − G′ − k) ÷ (1 − k)
y = (1 − B′ − k) ÷ (1 − k)Where R′, G′, B′ are the 0–255 channels divided by 255. Going the other way, R = 255 × (1 − C) × (1 − K).
A worked example
Take #7C3AED, a vivid violet. Its channels are R=124, G=58, B=237, so B′ = 237/255 ≈ 0.929 is the maximum and k ≈ 0.071 — about 7% black.
C
48%
M
76%
Y
0%
K
7%
That is a total ink coverage of 131% — comfortably inside the ~300% most commercial presses accept.
Everything runs in your browser
Every conversion happens locally in JavaScript. Nothing you type, pick, or paste is sent to a server — there is no analytics beacon on your colour inputs, no account, and no rate limit. Close the tab and it is gone.
Reference
Common colours in CMYK
A quick lookup for the colours people convert most. Click any CMYK value to load it into the converter above.
| Colour | HEX | CMYK | RGB | HSL |
|---|---|---|---|---|
White | #FFFFFF | |||
Black | #000000 | |||
Red | #FF0000 | |||
Green | #00FF00 | |||
Blue | #0000FF | |||
Yellow | #FFFF00 | |||
Cyan | #00FFFF | |||
Magenta | #FF00FF | |||
Orange | #FFA500 | |||
Purple | #800080 | |||
Teal | #008080 | |||
Navy | #000080 | |||
Maroon | #800000 | |||
Olive | #808000 | |||
Gray | #808080 | |||
Silver | #C0C0C0 | |||
Vivid violet | #7C3AED |
Complete guide
Everything you need to know about HEX to CMYK conversion
How a hex code becomes an ink formula, why the answer is never exactly the same twice, what total ink coverage means on press, and how to convert a whole palette instead of one colour at a time.
What is a HEX to CMYK converter?
A HEX to CMYK converter is a tool that turns a six-digit web colour code — the kind used in CSS, design files and brand guidelines — into the four ink percentages a printing press actually uses: cyan, magenta, yellow and black. A hex code such as #7C3AED describes light emitted by a screen. A CMYK value such as C 48% M 76% Y 0% K 7% describes how much ink to lay down on paper to approximate that same colour. Designers, marketers and print buyers reach for a hex to cmyk converter whenever a screen-approved colour has to survive the trip to a brochure, a business card, a packaging dieline or a poster. The conversion itself takes milliseconds, but the number it returns is a starting point: it tells you what the colour would be under a standard ink set, before the printer’s own profile, paper stock and press conditions shift it slightly. This tool performs the conversion as you type, so you can compare several candidates side by side instead of guessing which one will hold up in print.
How to convert HEX to CMYK by hand
If you have ever tried to convert a hex code to CMYK manually, you will know there is no single formula that takes a hex string straight to ink percentages — every route passes through RGB first. Split the code into three pairs (#7C3AED becomes 7C, 3A and ED), convert each pair from base 16 to decimal to get R=124, G=58 and B=237, then divide every channel by 255 so the values sit between 0 and 1. The black channel comes from the brightest channel: k = 1 − max(R′, G′, B′). Once you have k, each remaining ink is c = (1 − R′ − k) ÷ (1 − k), with the same calculation for magenta and yellow. Dividing by (1 − k) is what stops the three inks overshooting once black is already doing part of the job. Doing that for one colour is manageable; doing it for a forty-colour brand palette is not. That is exactly why people look for a convert hex to cmyk tool rather than reaching for a calculator — and why this one updates every field live instead of waiting for a submit button.
HEX to CMYK and RGB in one pass
Rarely does a project stop at one format. The landing page needs HEX, the sales deck needs RGB, and the print vendor wants CMYK — so a hex to cmyk and rgb workflow is the practical one, and it is how this converter is built. Type a hex code once and the RGB channels, the HSL readout and the four ink percentages all settle together, alongside a live swatch you can eyeball against the original. That matters more than it sounds. When you nudge a colour darker by raising K, you watch HEX and RGB respond in the same instant, which is the fastest way to understand what black ink actually does to a screen colour. Nothing is uploaded or recalculated on a server — every value is derived in your browser, so the numbers on screen are the numbers you copy.
Why no HEX to CMYK conversion is ever exact
HEX and RGB describe emitted light; CMYK describes subtractive ink on a substrate. The two live in different colour spaces and they do not overlap completely — a large block of saturated screen colour has no ink equivalent at all, which is why brand blues and bright greens often arrive in print looking duller than they did on a monitor. On top of that, CMYK is not one standard: SWOP, GRACoL and FOGRA each define ink limits and ink behaviour differently, and every printer adds its own profile, paper and press. If you convert the same hex code to CMYK on three different sites and see results a couple of percent apart, that is normal rather than an error. Treat the output here as a careful approximation — a shared language for talking to your printer — and keep one habit: convert early, ask the printer to proof the colour, and let the proof have the final word. The accuracy note above the guide explains the maths behind this in plain terms.
Total ink coverage: the number printers care about
Total ink coverage — often written TAC, or total area coverage — is simply C + M + Y + K added together. A colour that reads C 100 M 90 Y 5 K 0 sits at 195%, comfortably inside the range. Rich shadows and deep brand colours climb much higher, and that is where presses start to object. Most commercial litho presses run best at or below roughly 280–300% combined ink; beyond that the sheet dries slowly, ink can offset onto the sheet above it, and prepress operators may reject the file outright. Inkjet and digital presses have their own, often lower, ceilings. This tool adds the four channels for you and flags the result when it runs high, so you catch the problem while the colour is still easy to fix — usually by trading a little saturation for black, or by letting K carry more of the depth. Checking total ink coverage before artwork goes out saves a proofing round and an awkward email later.
Bulk HEX to CMYK conversion for palettes and brand kits
One colour at a time is fine for a button; a brand system is rarely one colour. Bulk hex to cmyk conversion is for the moment you have a full palette — a stylesheet, a brand guidelines PDF, a CSV export from a design tool — and need every entry expressed in ink percentages. Paste as many codes as you like, separated by newlines, commas or spaces, and the bulk converter returns a table of CMYK, RGB and HSL for the whole set. From there you can copy the table or export it as CSV, CSS custom properties, SCSS variables or JSON — usually the format the person asking for the numbers actually wants. It also surfaces the awkward members of any palette: the two darkest colours that quietly push past the ink limit, and the pale tints that will vanish on uncoated stock. Twenty seconds of bulk conversion at the start of a project beats a reprint at the end.
CMYK to HEX: converting in reverse
Print projects do not always start at the screen. A printer may hand you mixed ink percentages, or a proof you need to match in a stylesheet — and then you need to convert CMYK to HEX. The reverse direction is a single line of arithmetic: R = 255 × (1 − C) × (1 − K), with the same for green and blue, and the three channels packed back into a hex code. In this tool every ink field is editable, so you can change any of C, M, Y or K and watch HEX, RGB and HSL update instantly — no mode switch, no second page. If that is the direction you work in daily, the dedicated CMYK to HEX converter opens with the ink fields in focus, so you skip the step of clicking back into the hex input first.
HEX to RGB and HEX to HSL companions
Colour work rarely involves a single conversion. A HEX to RGB conversion is the everyday one: split a hex code into its red, green and blue channels to feed a canvas API, a charting library or a design token. The mirror of that, an RGB to HEX conversion, packs 0–255 channel values back into CSS-ready notation when you are building a palette from scratch in code. HEX to HSL is the one designers reach for when they want to reason about a colour rather than simply transmit it — hue, saturation and lightness make it obvious which colours belong to the same family and which is just a lighter tint of another. This page keeps all of them beside the CMYK breakdown, because a hex code that is correct for the screen and a set of ink values that are correct for the press are two different answers to the same question.
Why use a HEX to CMYK converter online
You can build these formulas into a spreadsheet, and for a one-off colour that works. A hex to cmyk online tool earns its place for three reasons: speed, context and privacy. Speed — conversion happens as you type with no submit button, so testing four candidate colours takes seconds instead of a form round-trip each time. Context — the ink bars, RGB, HSL, total ink coverage check and live swatch all sit in one place, so you are never copy-pasting between three tabs to answer a single question. Privacy — a converter that runs entirely in your browser never sees your data. Nothing you type, pick with the screen eyedropper or paste from a confidential brand deck is uploaded; there is no account, no rate limit and no advertising network tracking your colour choices. For teams working under NDA, that is not a nice-to-have — it is the reason the whole tool is client-side in the first place.
Getting the most out of this converter
A few habits make the tool considerably more useful. Sample a colour straight from a screenshot with the eyedropper instead of retyping it by hand. Edit the ink values directly when your printer quotes a limit — set K first and let the other channels respond to it. Watch the total ink coverage indicator whenever a colour is dark or heavily saturated, and trim it before you export. Use the reference table of common colours to load a familiar starting point, then nudge from there. And copy the share link when you find something you like: the colour lives in the URL, a colleague opens the exact same state, and nobody needs an account, an export or an email thread to see what you saw.
FAQ
HEX to CMYK conversion — frequently asked questions
Answers to the most common questions about converting HEX to CMYK, converting CMYK to HEX, RGB, print accuracy, bulk conversion and privacy.
How to convert HEX to CMYK?
There is no direct formula — every HEX to CMYK conversion passes through RGB first. Split the hex code into three pairs, convert each pair from hexadecimal to a 0–255 channel, divide the channels by 255, then take k = 1 − max(R′, G′, B′) and calculate c = (1 − R′ − k) ÷ (1 − k), with the same for magenta and yellow. This converter runs all of those steps instantly as you type.
How to convert CMYK to HEX?
Work backwards with one line of maths: R = 255 × (1 − C) × (1 − K), then the same for green with M and blue with Y, using the ink percentages as decimals between 0 and 1. Convert each resulting channel to hexadecimal and join the three pairs. Here every ink field is editable, so changing C, M, Y or K gives you the hex code immediately.
How to convert a HEX code to CMYK for printing?
Type the hex code into the converter, read the four ink percentages, and check that total ink coverage — C + M + Y + K — stays at or below roughly 300% before you send artwork. Use the result as a starting point rather than a fixed specification: the final colour depends on the printer’s ICC profile (SWOP, GRACoL or FOGRA) and the paper stock, so ask for a printed proof.
What is the best way to convert HEX to CMYK online for free?
Use a converter that runs entirely in your browser instead of uploading your colours to a server. This free HEX to CMYK converter updates C, M, Y and K as you type, shows total ink coverage, RGB and HSL alongside the ink breakdown, and converts a whole palette at once with CSV, CSS, SCSS or JSON export — with no account, no ads and no install.
Is a HEX to CMYK conversion exact?
No, and it cannot be. HEX describes light emitted by a screen while CMYK describes ink on paper, and a large part of what a screen can show has no ink equivalent at all. The real answer also depends on the ICC profile of the press, the paper stock and the rounding each tool applies. Treat the output as a close approximation — a strong starting point for your printer, not a locked specification.
What is the difference between RGB and CMYK?
RGB is additive: red, green and blue light are emitted by a screen and combine toward white. CMYK is subtractive: cyan, magenta, yellow and black inks absorb light on paper and combine toward black. Because inks cannot reproduce the full range of bright screen colours, saturated brand colours often look flatter once they are converted to CMYK and printed.
Can I convert multiple HEX codes to CMYK at once?
Yes. Paste an entire palette into the bulk converter — separate the codes with newlines, commas or spaces — and every colour is converted to CMYK, RGB and HSL in a single table. Copy the results or export them as CSV, CSS variables, SCSS or JSON, and the total ink coverage flag shows which entries need adjusting before they go to print.
Is my data uploaded or stored?
No. Every conversion runs locally in your browser, so nothing you type, pick or paste is sent to a server. The only thing kept is a short list of your recent colours in your own browser storage, which you control and can clear at any time. There is no account, no tracking of your colour inputs and no rate limit.