Convert CMYK ink percentages to a hex code for screens. Each channel is rebuilt as (1−ink)×(1−black) — the standard device-independent approximation — so you can preview print colors in a browser while understanding the number is nominal, not proofed.
Settings
Generated locally in your browser — your settings and results never leave this page.
Previewing ink on a screen
Legacy brand guides, print vendors and packaging specs speak CMYK. To use those colors anywhere digital, they must become hex — and the standard reconstruction is simple enough to audit by eye: each light channel is what survives after its opposing ink and black both subtract.
Worked example: cmyk(76%, 0%, 76%, 45%)
A classic printed green:
R = 255 × (1 − 0.76) × (1 − 0.45) ≈ 34 G = 255 × (1 − 0.00) × (1 − 0.45) ≈ 140 B = 255 × (1 − 0.76) × (1 − 0.45) ≈ 34 cmyk(76%, 0%, 76%, 45%) ≈ #228c22
The reconstruction lands near forest green #228b22 — close enough to design with, which is the job. The four-to-three squeeze also means many recipes map to one hex: this direction of travel discards the press’s separation choices.
When you will reach for this
Digitizing older brand books, building a web page that must echo printed collateral, sanity-checking a vendor’s spec (“is 100/90/0/0 really the navy we mean?”), and teaching — the formula is the clearest demonstration of subtractive color there is.
Keep expectations calibrated
The screen preview assumes idealized inks on perfect white under standard light; paper and pigments will differ. Where a physical swatch of the original exists, trust it over any conversion — and where it does not, this nominal preview is the best defensible starting point.
Reference values, computed live
Print specifications become usable the moment they render. Seven process recipes and the hex each aims at under the nominal reconstruction:
| Color | CMYK | HEX |
|---|---|---|
| forestgreen | cmyk(75.5%, 0%, 75.5%, 45.5%) | #228b22 |
| coral | cmyk(0%, 50.2%, 68.6%, 0%) | #ff7f50 |
| seagreen | cmyk(66.9%, 0%, 37.4%, 45.5%) | #2e8b57 |
| royalblue | cmyk(71.1%, 53.3%, 0%, 11.8%) | #4169e1 |
| palevioletred | cmyk(0%, 48.9%, 32.9%, 14.1%) | #db7093 |
| darkorange | cmyk(0%, 45.1%, 100%, 0%) | #ff8c00 |
| darkcyan | cmyk(100%, 0%, 0%, 45.5%) | #008b8b |
Treat the table as a two-way phrasebook: designers can quote a hex when the vendor speaks ink, and decode a spec sheet when it arrives ink-first. Every value is nominal in the sense the accuracy section explains — but a shared nominal beats two teams pointing at different swatches.
How to use the CMYK to HEX Converter
- Enter the four ink percentages – 88%, 44%, 0%, 0% or bare numbers.
- The result updates live as you type – no convert button needed.
- Read the accuracy note – the screen swatch is a nominal preview of ink.
- Copy the value with the copy button, or switch the output format dropdown for other export shapes.
Frequently asked questions
How are CMYK percentages turned into a hex color?
Each RGB channel is rebuilt as 255×(1−ink)×(1−K): cyan ink subtracts from red, magenta from green, yellow from blue, and K darkens all three. cmyk(88%, 44%, 0%, 0%) reconstructs approximately #1f8fff.
Why do two different CMYK recipes give the same hex?
CMYK has four degrees of freedom describing three-channel color, so infinitely many ink combinations produce the same nominal RGB – 0/0/0/50 and 50/50/50/0 both land on the same mid gray on screen while printing differently. The redundancy is resolved by press profiles, not formulas.
Is the on-screen preview what the print will look like?
No – it is the nominal reconstruction under the standard formula. Actual printed appearance depends on inks, paper white, dot gain and the ICC profile. Use the preview for orientation and soft-proof in your DTP application for decisions.
What hex does cmyk(0%, 0%, 0%, 0%) produce?
#ffffff – zero ink everywhere means the paper shows through, and the model idealizes paper as pure white. Real paper is never quite #ffffff, which is one of several reasons print and screen diverge.
Can I enter ink values above 100%?
No single channel can exceed 100%. Total ink across channels above ~300% is a real prepress concern (ink limits), but that constraint lives in print production, not in this nominal converter – worth knowing when a recipe looks legal here but heavy on paper.
Where does this converter fit in a designer's workflow?
Translating legacy print specs into web colors: a brand book that only lists CMYK becomes usable on screen in seconds. For the reverse brand-book job, pair it with the HEX to CMYK converter and note both are nominal.
Does the tool support spot colors like Pantone?
No – Pantone and other spot systems are proprietary libraries, not formulas, and honest conversion requires their licensed data. This tool never claims a Pantone match; it converts process-ink percentages only.
