CMYK to HEX Converter
A CMYK to HEX converter turns print ink values into a web color code. For example, CMYK 0/69/100/0 becomes #FF4F00 ” an orange. The conversion runs CMYK ’ RGB ’ HEX, which is an approximation: multiple CMYK values can produce the same HEX, and real print output depends on ink, paper, and press. Use this for previews and handoff, not as a substitute for proofing.
What is CMYK to HEX conversion?
CMYK is a four-channel subtractive color model used for printing. Cyan, magenta, yellow, and black inks are printed on paper, and the eye perceives the light they do not absorb. Values run 0“100 percent per channel, so 0/0/0/0 is white (no ink) and 100/100/100/100 is deep near-black.
HEX is a hexadecimal color code used for screens. It encodes three 8-bit sRGB channels ” red, green, blue ” as a seven-character string like #FF4F00. Browsers, design tools, and CSS all understand HEX natively, which makes it the universal screen color format.
The conversion from CMYK to HEX is fundamentally a translation between reflected light (paper) and emitted light (screen). It is not symmetric ” the reverse direction, HEX to CMYK, is a different approximation. And multiple CMYK values can map to the same HEX because CMYK has four dimensions while HEX has three. This makes CMYK to HEX a many-to-one mapping, useful for previews but never a lossless round-trip.
How to use this converter
- Enter cyan, magenta, yellow, and black values from 0 to 100 ” the percentages from a print spec, PDF, or printer brief.
- Watch the HEX result and color swatch update live as you type.
- Click Copy to grab the HEX code for CSS, design tools, or documentation.
- Compare against a printed proof if you can ” the screen preview is not authoritative for final print.
How the conversion works technically
The conversion runs in two stages. First, CMYK ’ RGB. For each channel, R = 255 — (1 ’ C/100) — (1 ’ K/100), and the same for G and B with M and Y. The (1 ’ K) factor accounts for the ink that black already absorbs before the color inks add their contribution.
Second, RGB ’ HEX. Each 0“255 channel is converted to a two-digit hex pair by dividing by 16: quotient is the first digit, remainder is the second. 255 ’ FF, 79 ’ 4F, 0 ’ 00.
Working the example CMYK 0/69/100/0. R = 255 — (1 ’ 0) — (1 ’ 0) = 255 ’ FF. G = 255 — (1 ’ 0.69) — (1 ’ 0) = 79.05 ’ rounds to 79 ’ 4F. B = 255 — (1 ’ 1) — (1 ’ 0) = 0 ’ 00. Result: #FF4F00 ” an orange. The original Pantone-referenced #FE5000 is #FF4F00 after the CMYK round-trip, a difference of 1 and 15 in the G and B channels that is imperceptible in practice.
Accuracy and limitations
The chained formula gives a mathematically clean result but physically approximate. It assumes idealized CMYK inks (100 percent efficiency, no dot gain, no paper absorption, no ink interaction) which no real press achieves. On real paper, the same CMYK values print differently on coated versus uncoated stock, and differently on different presses within the same manufacturer.
For production previews, use an ICC profile that matches the target print process ” FOGRA39 for European coated, GRACoL for US coated, UncoatedFOGRA29 for uncoated. Free ICC tools from the International Color Consortium perform proper conversions. This page uses the naive formula so results match what Adobe, CSS, and common conversion tools produce, and so the math is transparent ” but it does not replace a proper profile-based conversion.
The many-to-one collapse is the other key limitation. CMYK has four inputs, HEX has three, so the conversion is one-dimensional lossy. Round-tripping CMYK ’ HEX ’ CMYK usually returns different CMYK values ” near the original but not identical. That is expected behavior, not a bug.
Use cases
- Screen previews of print files. A print-ready PDF with CMYK colors becomes visible on screen when its swatches are converted to HEX.
- Brand color cross-reference. A brand system defined in CMYK needs HEX equivalents for digital touchpoints like websites and apps.
- Design system documentation. Style guides that serve both print and digital teams publish HEX and CMYK side by side.
- Client presentations. Showing CMYK colors in HEX form on a slide deck or web page is far more legible than percentages alone.
- Cross-media consistency checks. Converting CMYK to HEX lets you quickly see how close a print color will look to its digital counterpart.
Common mistakes
- Expecting a CMYK-to-HEX-to-CMYK round-trip to be exact ” it is not, because the conversion loses one dimension.
- Using the HEX result as authoritative print color ” always verify with a printed proof.
- Confusing HEX with an actual web-safe palette ” modern screens display full sRGB, so HEX colors are not restricted to a legacy "web safe" subset.
- Assuming
#FF4F00on paper will match#FF4F00on screen ” the two media emit and reflect light differently. - Forgetting that CMYK values themselves are non-standard across presses ” always specify the profile alongside the values.
CMYK vs HEX at a glance
| Attribute | CMYK | HEX |
|---|---|---|
| Channel count | 4 | 3 (encoded) |
| Value range | 0“100% | 00“FF per pair |
| Color model | subtractive (print) | additive (screen) |
| Reversible? | to HEX: lossy | to CMYK: approximate |
| Native in CSS | no | yes |
| Best for | screens |
Frequently asked questions
How do I convert CMYK to HEX?
Convert CMYK to RGB first: R = 255 — (1 ’ C/100) — (1 ’ K/100), and the same formula for G and B using M and Y. Then convert each RGB channel to a two-digit hex pair. For example CMYK 0/69/100/0 becomes rgb(255, 79, 0), which is #FF4F00.
Is CMYK to HEX conversion exact?
No. CMYK describes ink on paper; HEX describes light on a screen. The conversion is an approximation that assumes idealized inks and paper. Real production output depends on the printer’s ICC profile, ink set, and press conditions, and different CMYK values can produce the same HEX.
Why is CMYK to HEX often used for print previews?
Because HEX is what browsers and design tools display natively. Converting CMYK to HEX lets you see the approximate screen appearance of a print color ” useful for reviewing brand colors on screen before committing to a print run, but not for verifying final print accuracy.
What CMYK values become #000000?
CMYK 0/0/0/100 ” full black ink coverage. Applying the formula: R = 255 — (1 ’ 0) — (1 ’ 1) = 0, and the same for G and B. The result is #000000. However, rich blacks like 60/40/40/100 also convert to near-black HEX, so multiple CMYK values can share the same HEX.
Can two different CMYK values produce the same HEX?
Yes, often. CMYK has four dimensions and HEX has effectively three ” the conversion collapses one dimension. For example 0/69/100/0 and 0/70/100/5 both round to #FF4F00 after conversion, even though they would print slightly differently on paper. This is why CMYK output should always be verified against the printer’s proof.