Enter the color
Type or paste a HEX code, or pick a color with the color picker.
Paste any HEX color and get its CMYK value instantly, together with every other format: HEX, RGB, HSL, HWB, CMYK and OKLCH. Free, and it runs in your browser.
100% private — the calculation is done in your browser and nothing is sent to any server.
Keep going with your result in another tool. Nothing is uploaded.
Type or paste a HEX code, or pick a color with the color picker.
Every format updates as you type and shows a live preview of the color.
Use the copy button next to the format you need.
To convert HEX to CMYK, enter your HEX color in the box above and read the CMYK value next to it. For example, #F97316 is cmyk(0%, 54%, 91%, 2%). The result updates as you type, and every other format (HEX, RGB, HSL, CMYK and more) is shown at the same time.
A HEX color is a six-digit hexadecimal code with a # in front: two digits each for red, green and blue, from 00 to FF. In #3B82F6, red is 3B, green is 82 and blue is F6. A three-digit shorthand such as #38F repeats each digit, and eight digits add opacity at the end.
CMYK is the ink model used in printing: percentages of cyan, magenta, yellow and black. Screens cannot show every CMYK color exactly and printers differ, so a conversion from RGB is an approximation to use as a starting point.
Here is the calculation for #F97316, step by step:
| Color | HEX | CMYK |
|---|---|---|
| Black | #000000 | cmyk(0%, 0%, 0%, 100%) |
| White | #FFFFFF | cmyk(0%, 0%, 0%, 0%) |
| Red | #FF0000 | cmyk(0%, 100%, 100%, 0%) |
| Lime | #00FF00 | cmyk(100%, 0%, 100%, 0%) |
| Blue | #0000FF | cmyk(100%, 100%, 0%, 0%) |
| Yellow | #FFFF00 | cmyk(0%, 0%, 100%, 0%) |
| Cyan | #00FFFF | cmyk(100%, 0%, 0%, 0%) |
| Magenta | #FF00FF | cmyk(0%, 100%, 0%, 0%) |
| Gray | #808080 | cmyk(0%, 0%, 0%, 50%) |
| Orange | #FFA500 | cmyk(0%, 35%, 100%, 0%) |
| Purple | #800080 | cmyk(0%, 100%, 0%, 50%) |
| Pink | #FFC0CB | cmyk(0%, 25%, 20%, 0%) |
| Brown | #A52A2A | cmyk(0%, 75%, 75%, 35%) |
| Navy | #000080 | cmyk(100%, 100%, 0%, 50%) |
| Teal | #008080 | cmyk(100%, 0%, 0%, 50%) |
| Coral | #FF7F50 | cmyk(0%, 50%, 69%, 0%) |
HEX is the most compact way to write a color in CSS and design tools, so it is the code most people copy and share. CMYK matters when a color will be printed. Use it as a starting point and always check a physical proof, because inks and paper change the result.
More utilities that also run without leaving your browser.