Convert CMYK to HEX
Converting Cyan, Magenta, Yellow, Key (black) (CMYK) to hexadecimal (HEX) 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 CMYK → HEX 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 CMYK to HEX
Take this real example — the color firebrick(#c2410c):
cmyk(0%, 66.49%, 93.81%, 23.92%) → #c2410c
- Convert the CMYK color to RGB using the CMYK → RGB method.
- Keep the three RGB channels (0–255) — this is the shared numeric base of every on-screen format.
- Convert RGB to HEX with the RGB → HEX method to finish.
CMYK → RGB → HEX (RGB is the numeric bridge)
CMYK to HEX conversion table
| Color | CMYK | HEX |
|---|---|---|
| White | cmyk(0%, 0%, 0%, 0%) | #ffffff |
| Black | cmyk(0%, 0%, 0%, 100%) | #000000 |
| Red | cmyk(0%, 100%, 100%, 0%) | #ff0000 |
| Lime | cmyk(100%, 0%, 100%, 0%) | #00ff00 |
| Blue | cmyk(100%, 100%, 0%, 0%) | #0000ff |
| VersatilBox accent | cmyk(0%, 66.49%, 93.81%, 23.92%) | #c2410c |
| Tailwind blue-500 | cmyk(76.02%, 47.15%, 0%, 3.53%) | #3b82f6 |
| Tailwind emerald-500 | cmyk(91.35%, 0%, 30.27%, 27.45%) | #10b981 |
About these formats
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.
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.
Frequently asked questions
How do I convert CMYK to HEX?
Convert the CMYK color to RGB using the CMYK → RGB method. Keep the three RGB channels (0–255) — this is the shared numeric base of every on-screen format. Convert RGB to HEX with the RGB → HEX method to finish. The converter above does it instantly, including the reverse direction.
What is CMYK?
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.
What is HEX used for?
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.
Is the CMYK → HEX conversion exact?
Yes. The formulas are deterministic and both formats store the same information for on-screen color; values are rounded only for display.
Why does the HEX 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.