Convert HEX to CMYK
Converting hexadecimal (HEX) to Cyan, Magenta, Yellow, Key (black) (CMYK) is a precise, rule-based operation — both formats describe the same color with different numbers. Whether you are tuning a CSS custom property, matching a brand color across design tools, or preparing values for print, this page gives you an interactive converter, the exact HEX → CMYK method, a worked example, a quick-reference table and the details that matter (rounding, gamut and print caveats).
From
To
—
—
—
Live preview
How to convert HEX to CMYK
Take this real example — the color firebrick(#c2410c):
#c2410c → cmyk(0%, 66.49%, 93.81%, 23.92%)
- Convert the HEX color to RGB using the HEX → RGB method.
- Keep the three RGB channels (0–255) — this is the shared numeric base of every on-screen format.
- Convert RGB to CMYK with the RGB → CMYK method to finish.
HEX → RGB → CMYK (RGB is the numeric bridge)
HEX to CMYK conversion table
| Color | HEX | CMYK |
|---|---|---|
| White | #ffffff | cmyk(0%, 0%, 0%, 0%) |
| Black | #000000 | cmyk(0%, 0%, 0%, 100%) |
| Red | #ff0000 | cmyk(0%, 100%, 100%, 0%) |
| Lime | #00ff00 | cmyk(100%, 0%, 100%, 0%) |
| Blue | #0000ff | cmyk(100%, 100%, 0%, 0%) |
| VersatilBox accent | #c2410c | cmyk(0%, 66.49%, 93.81%, 23.92%) |
| Tailwind blue-500 | #3b82f6 | cmyk(76.02%, 47.15%, 0%, 3.53%) |
| Tailwind emerald-500 | #10b981 | cmyk(91.35%, 0%, 30.27%, 27.45%) |
About these formats
HEX (hexadecimal). HEX is the web's native notation: a # followed by two digits per channel in base 16 (00–FF). Compact, unambiguous and supported everywhere, from CSS to design tools.
CMYK (Cyan, Magenta, Yellow, Key (black)). CMYK is the subtractive model of print: inks layered on white paper. On-screen CMYK values are approximations — real print depends on ink profiles (ICC), not just numbers.
Frequently asked questions
How do I convert HEX to CMYK?
Convert the HEX color to RGB using the HEX → RGB method. Keep the three RGB channels (0–255) — this is the shared numeric base of every on-screen format. Convert RGB to CMYK with the RGB → CMYK method to finish. The converter above does it instantly, including the reverse direction.
What is HEX?
HEX — hexadecimal — is the web's native notation: a # followed by two digits per channel in base 16 (00–FF). Compact, unambiguous and supported everywhere, from CSS to design tools.
What is CMYK used for?
CMYK (Cyan, Magenta, Yellow, Key (black)) is the subtractive model of print: inks layered on white paper. On-screen CMYK values are approximations — real print depends on ink profiles (ICC), not just numbers.
Is the HEX → CMYK conversion exact?
Numerically yes, colorimetrically no. The on-screen CMYK conversion is the standard ink approximation — an actual print run depends on the paper, ink and ICC profile, so treat the CMYK values as a starting point for prepress, not a proof.
Why does the CMYK value look different in other tools?
Small differences come from rounding (how many decimals are kept) and from out-of-gamut handling. This site follows the CSS Color 4 algorithms and shows OKLCH with 3 decimals, the same convention used by browsers and mainstream design tools.