About the CMYK to Hex Converter
Print colours from a brand guide or a printer's swatch book are often written in CMYK, but websites, apps and presentations need a hex code. This converter takes cyan, magenta, yellow and black as percentages and gives the matching hex code, plus the RGB values and a swatch. It uses the standard formula R = 255 × (1 − C) × (1 − K), and the same for green and blue, so the result is the colour most design tools show for those CMYK numbers.
Updated October 2026
How to use the CMYK to Hex Converter
- 1Enter cyan as a percentage.
- 2Enter magenta.
- 3Enter yellow.
- 4Enter black (key).
- 5Copy the hex code shown with the swatch.
When you need this
Use it when a printed leaflet, sign or packaging colour has to appear on a website, social media graphic or slide deck. Paste the hex code into your website builder, Canva or CSS and the colour will be consistent across your digital materials.
Examples
Each line uses the same formula as the converter.
- cmyk(100, 0, 0, 0) = #00FFFF (cyan)
- cmyk(0, 50, 100, 0) = #FF8000 (orange)
- cmyk(75, 50, 0, 20) = #3366CC (blue)
- cmyk(0, 0, 0, 80) = #333333 (dark grey)
Limits of a formula
The simple formula ignores paper, ink and press profiles. Professional colour management uses ICC profiles such as FOGRA39 or GRACoL to convert, and those can give a slightly different hex code. For everyday work the formula is close enough and is what most free tools use.
Tips for consistent colours
Store the final hex code in your style guide next to the CMYK figures so everyone uses the same pair. When a colour looks too dull on screen, adjust the hex code by eye rather than changing the printed CMYK.
Reading CMYK from a design file
In Illustrator, InDesign or Affinity, open the colour panel, switch it to CMYK and note the four percentages. In a PDF from a printer, the values may be written as decimals such as 0.75; multiply them by 100 before entering them. Spot colours like Pantone have their own CMYK builds published by the maker, which you can convert here too.
On any device
The four labelled boxes work on phones and computers alike, and the swatch updates as you type. Print and screen colours use different models, so keep both near. Go the other way with the Hex to CMYK Converter, use the CMYK to RGB Converter for a screen value, and compare shades with the Color Converter.
Features
- CMYK to hex in one step
- RGB values shown too
- Live colour swatch
- Range checks for each percentage
- Copy button
- No upload, no account
Frequently asked questions
How do I convert CMYK to hex?
Work out RGB first: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K), with C, M, Y and K as fractions. Then write each number as two hex digits.
What is CMYK 0, 100, 100, 0 in hex?
It is #FF0000, pure red.
Why does my brand's CMYK look different from the hex on the website?
Print and screen colours can't match perfectly. Brand guides often pick a hex code by eye rather than by formula, so if your guide lists both, use the official hex for the web.
Do I type percentages or fractions?
Type percentages from 0 to 100. A value like 0.5 would be read as 0.5%, not 50%.
What is rich black in hex?
Any CMYK with 100% black converts to #000000 by this formula, because the screen can't show the extra depth of ink.
Is the conversion reversible?
Converting back gives equivalent CMYK numbers but not always the same ones, because many CMYK mixes show the same screen colour.
Can I use the result in CSS?
Yes. Paste the hex code, such as #3366CC, straight into a CSS colour property, a website builder or a slide theme.