๐จ๏ธ Hex to CMYK Converter
By Shihab Mia ยท Updated 2026-08-01
Cyan
0.0%
Magenta
0.0%
Yellow
0.0%
Key (black)
0.0%
cmyk(0%, 0%, 0%, 0%) rgb(51, 102, 204) A hex to CMYK converter turns a screen color like #3366CC into the Cyan, Magenta, Yellow, and Key (black) percentages a printer or design program needs, by first reading the hex code as RGB and then applying the standard RGB-to-CMYK subtractive color formula. This tool parses full #RRGGBB codes, expands #RGB shorthand such as #36c, accepts upper or lower case with or without the hash, and shows the result as clean percentages alongside a live color swatch. Everything runs in your browser, so nothing is uploaded and the CMYK values update the instant you type.
What is the Hex to CMYK Converter?
Hex and CMYK describe color in two fundamentally different ways. A hex code, like RGB, is an additive model built for light: a screen mixes red, green, and blue light to create color, and more of each channel means a brighter pixel. CMYK is a subtractive model built for ink: a printer starts with white paper and subtracts brightness by layering cyan, magenta, yellow, and black ink, so more ink means a darker result. A hex to CMYK converter bridges the two by first decoding the hex string back into RGB, then running the standard formula that estimates how much of each ink is needed to reproduce that same color on paper.
The math behind this hex to CMYK converter is the widely used device-independent approximation. Each RGB channel is normalized to a 0 to 1 scale, then K (the black, or "key," channel) is set to 1 minus the largest of the three normalized values, since the darkest channel limits how much pure black ink is needed. Cyan, magenta, and yellow are then each calculated as the leftover color in that channel, scaled against whatever ink range remains once black is accounted for: C = (1 - R - K) / (1 - K), and the same pattern for M and Y. When K equals 1, meaning the color is pure black, that division would divide by zero, so the converter simply returns 0% for C, M, and Y in that one case.
It is worth being direct about a limitation every hex to CMYK converter shares: this formula is a mathematical approximation, not what a real printing press will produce. Actual print output depends on the specific ICC color profile of the printer, the paper stock, and the ink set in use, so a professional print shop will run your file through calibrated software (often Adobe products with a profile like US Web Coated SWOP or one supplied by the printer) rather than relying on the generic formula alone. This tool is best used for a fast, practical estimate, drafting a print-ready mockup, or getting a rough sense of ink percentages, not as a substitute for a press proof on a job where color accuracy matters commercially.
That caveat aside, a hex to CMYK converter earns its place in most design workflows because so much source material starts life as hex. Brand guidelines, web style tokens, and UI mockups are built in hex or RGB, but the moment that same brand needs a printed business card, brochure, or packaging proof, someone has to hand the color to a program that speaks CMYK. Converting #3366CC to cmyk(75%, 50%, 0%, 20%) up front means the values you hand to a print-ready PDF, Adobe Illustrator swatch, or InDesign document already match what the RGB source intended, rather than guessing at ink percentages by eye.
When to use it
- Converting a brand hex code from a web style guide into starting CMYK percentages for a print-ready logo or letterhead.
- Getting an approximate ink breakdown before opening a design in Illustrator or InDesign, where swatches are often defined in CMYK.
- Checking how much black ink (K) a color will pull, which affects both print cost and how "rich" dark colors look on paper.
- Sanity-checking a supplied CMYK value against a known hex or RGB source when reviewing a print vendor proof.
How to use the Hex to CMYK Converter
- Type or paste your hex color into the input. You can include the hash or not, use upper or lower case, and use #RGB shorthand or full #RRGGBB.
- Read the Cyan, Magenta, Yellow, and Key (black) percentages, and check the live swatch matches the color you expected.
- Copy the cmyk() string with the Copy button to paste into design notes, a spec sheet, or a print brief.
- Adjust the color with the built-in picker if you want to compare a nearby shade, then copy the updated CMYK values.
Formula & method
Worked examples
Convert #3366CC, a medium blue, to CMYK.
- Parse hex to RGB: R=51, G=102, B=204.
- Normalize: R=0.2, G=0.4, B=0.8.
- K = 1 - max(0.2, 0.4, 0.8) = 1 - 0.8 = 0.2, so K = 20.0%.
- C = (1 - 0.2 - 0.2) / (1 - 0.2) = 0.6 / 0.8 = 0.75, so C = 75.0%.
- M = (1 - 0.4 - 0.2) / 0.8 = 0.4 / 0.8 = 0.5, so M = 50.0%. Y = (1 - 0.8 - 0.2) / 0.8 = 0 / 0.8 = 0, so Y = 0.0%.
Result: cmyk(75.0%, 50.0%, 0.0%, 20.0%).
Convert #FF0000, pure red, to CMYK.
- Parse hex to RGB: R=255, G=0, B=0.
- Normalize: R=1, G=0, B=0.
- K = 1 - max(1, 0, 0) = 1 - 1 = 0, so K = 0.0%.
- C = (1 - 1 - 0) / (1 - 0) = 0 / 1 = 0, so C = 0.0%.
- M = (1 - 0 - 0) / 1 = 1, so M = 100.0%. Y = (1 - 0 - 0) / 1 = 1, so Y = 100.0%.
Result: cmyk(0.0%, 100.0%, 100.0%, 0.0%), full magenta and yellow ink with no cyan or black.
Common colors: hex, RGB, and CMYK values
| Hex | RGB | CMYK | Color |
|---|---|---|---|
| #000000 | rgb(0, 0, 0) | cmyk(0%, 0%, 0%, 100%) | Black |
| #FFFFFF | rgb(255, 255, 255) | cmyk(0%, 0%, 0%, 0%) | White |
| #FF0000 | rgb(255, 0, 0) | cmyk(0%, 100%, 100%, 0%) | Red |
| #00FF00 | rgb(0, 255, 0) | cmyk(100%, 0%, 100%, 0%) | Green |
| #0000FF | rgb(0, 0, 255) | cmyk(100%, 100%, 0%, 0%) | Blue |
| #FFFF00 | rgb(255, 255, 0) | cmyk(0%, 0%, 100%, 0%) | Yellow |
| #3366CC | rgb(51, 102, 204) | cmyk(75%, 50%, 0%, 20%) | Medium blue |
| #808080 | rgb(128, 128, 128) | cmyk(0%, 0%, 0%, 49.8%) | Grey |
RGB (screen) vs CMYK (print) at a glance
| Aspect | RGB (screen) | CMYK (print) |
|---|---|---|
| Color model | Additive (light) | Subtractive (ink) |
| Channels | Red, Green, Blue, 0-255 each | Cyan, Magenta, Yellow, Key, 0-100% each |
| Typical use | Web pages, apps, screens | Offset printing, packaging, brochures |
| Pure black | rgb(0, 0, 0) | cmyk(0%, 0%, 0%, 100%), or a "rich black" mix with added C, M, Y |
| Color accuracy | Consistent across most screens | Varies by printer, ink, and paper; needs an ICC profile for exact matching |
Common mistakes to avoid
- Treating the converted CMYK as exact print output. This hex to CMYK converter uses the standard device-independent formula, which is a close estimate, not a guarantee. Real presses use ICC color profiles tied to specific ink and paper, so always confirm critical brand colors with a proof from your print vendor.
- Forgetting that K is not simply "how dark the color is". K is set from the lightest limiting channel (1 minus the max of R, G, B), not from an average brightness. Two colors that look similarly dark can end up with very different K values depending on which single channel is highest.
- Assuming CMYK percentages must add up to 100%. Unlike some percentage sets, C, M, Y, and K are independent ink amounts and do not need to sum to 100%. A saturated pure red is cmyk(0%, 100%, 100%, 0%), which sums to 200%, and that is correct.
- Converting a hex value that was never meant for print. Very bright, highly saturated screen colors (like some neon UI accents) can fall outside what a standard CMYK printer can reproduce. The converter still returns a number, but the printed result may look duller than the on-screen hex.
Glossary
- CMYK
- A subtractive color model used in printing: Cyan, Magenta, Yellow, and Key (black), each expressed as a percentage from 0 to 100.
- Key (K)
- The black channel in CMYK, named "key" because black ink is traditionally used to key, or align, the other print plates.
- Subtractive color
- A model where colors are created by ink absorbing (subtracting) light from white paper, the opposite of RGB, which adds colored light on a dark screen.
- Hex color code
- A color written as # followed by 3 or 6 hexadecimal digits, where each channel uses two digits from 00 to FF.
- ICC color profile
- A data file describing exactly how a specific printer, ink set, and paper combination reproduces color, used to get an accurate, rather than approximate, CMYK conversion.
- Rich black
- A print black made by combining a high K value with small amounts of cyan, magenta, and yellow ink, producing a deeper black than K alone on paper.
Frequently asked questions
How do I convert a hex color to CMYK?
Decode the hex code to RGB, normalize each channel to 0-1, then set K to 1 minus the largest channel and calculate C, M, and Y from what remains after removing K. This converter does that calculation instantly when you paste a hex code.
What is #3366CC in CMYK?
#3366CC converts to cmyk(75%, 50%, 0%, 20%). As RGB it is rgb(51, 102, 204).
Is the hex to CMYK conversion exact for real printing?
No, it is a standard mathematical approximation, not a guarantee of press output. Real printers rely on an ICC color profile tied to their specific ink and paper, so treat this conversion as a reliable estimate for drafts and use a proof for color-critical print jobs.
Why do CMYK percentages sometimes add up to more than 100%?
C, M, Y, and K are four independent ink amounts, not parts of a single total. A pure red, cmyk(0%, 100%, 100%, 0%), correctly sums to 200% because full magenta and full yellow ink are both used together.
Does this tool accept hex shorthand like #36c?
Yes. Three-digit shorthand is expanded by doubling each digit before conversion, so #36c becomes #3366CC before the CMYK values are calculated. You can also drop the hash and use any case.
Why is the K value 100% and C, M, Y all 0% for black?
Pure black, #000000, has R = G = B = 0, so K = 1 - 0 = 1, meaning 100% black ink alone reproduces it. The C, M, Y formula would divide by zero at K = 1, so the converter correctly returns 0% for all three instead.
Should I use this converter for a professional print job?
Use it to get a fast, practical CMYK estimate for mockups, briefs, or internal reference. For a job where exact brand color matching matters, send your file to the print vendor and confirm the final CMYK values against their specific ICC profile and a physical proof.