🎨 CMYK to Hex Converter

What is the CMYK to Hex Converter?

CMYK is a subtractive color model built for printing. It describes a color as percentages of cyan, magenta, yellow and key ink laid down on white paper, where each ink absorbs certain wavelengths of light and the paper reflects the rest. Hex, by contrast, is an additive model built for screens: it describes a color as red, green and blue light values combined directly, written as a six-digit code like #2E86C1. Because the two systems describe color in physically different ways (ink absorption versus emitted light), a CMYK to hex converter has to bridge them with a formula rather than a simple lookup.

The standard CMYK to hex conversion first rebuilds the RGB values that the color would produce on a screen, then formats those values as hexadecimal. For each channel the formula is the same shape: start from full brightness (255), reduce it by the ink percentage for that channel, then reduce it again by the key percentage, since black ink darkens every channel equally. Red comes from cyan, green comes from magenta, and blue comes from yellow, each combined with key. Once you have red, green and blue as numbers from 0 to 255, converting to hex is just writing each one in base 16 and padding it to two digits.

One thing to understand before you rely on a CMYK to hex converter for production work: this is a device-independent approximation, not the exact ink your printer will lay down. Real printing presses, paper stock, ink formulations and color profiles (like US Web Coated SWOP or GRACoL) all shift the final printed color, sometimes noticeably. The formula used here, and by most free online tools, assumes an idealized CMYK space and gives you a very close, usable hex equivalent for on-screen mockups, brand guideline documents, and getting a design system's colors roughly aligned across print and web. For color-critical print jobs, always confirm against a physical proof or your print vendor's ICC profile rather than trusting a converted hex code alone.

Designers reach for a CMYK to hex converter constantly during rebrands, when a print-first brand (a logo built in Adobe Illustrator with CMYK swatches, say) needs a web-ready style guide. Rather than eyeballing a match in an image editor, running the CMYK to hex conversion through a formula-based tool keeps every teammate working from the same reproducible number, and it takes a fraction of a second per color.

When to use it

• Converting a brand's CMYK swatches from a print style guide into hex codes for the company website and app.
• Turning a designer's Illustrator or InDesign CMYK palette into CSS-ready hex values for a front-end developer.
• Checking how a print color will approximately look on screen before committing to a full color-managed proof.
• Documenting a unified brand palette that lists both the CMYK values for print vendors and the hex values for digital teams.

How to use the CMYK to Hex Converter

1. Enter Cyan, Magenta, Yellow and Key (black) as percentages from 0 to 100.
2. Watch the swatch and the hex code update live as you type each value.
3. Read the equivalent RGB values alongside the hex code if you need them too.
4. Click "Copy hex" to grab the #RRGGBB code for use in CSS, design tools, or documentation.

Formula & method

Worked examples

Common CMYK values and their converted hex codes

Why CMYK to hex is an approximation, not an exact match

Common mistakes to avoid

• Entering CMYK as decimals instead of percentages. The formula expects each channel from 0 to 100, not 0 to 1. Typing 0.73 instead of 73 for cyan will produce a hex code that is almost pure white, since the math treats it as barely any ink at all.
• Expecting the hex to match a physical printed swatch exactly. A CMYK to hex converter uses an idealized formula. Real ink, paper, and press conditions shift the actual printed color, sometimes significantly, so treat the result as a close on-screen approximation, not a color-matching guarantee.
• Forgetting that key (K) darkens every channel. K is not just "add black," it multiplies down red, green and blue together. A high K value with low C, M and Y still produces a dark, muted color rather than a bright one, which surprises people expecting the CMY values alone to control brightness.
• Mixing up rich black with a true CMYK of 0,0,0,100. Print designers often use "rich black" (something like C=60 M=40 Y=40 K=100) for deeper coverage on paper, which converts to a slightly different, warmer hex than the pure #000000 you get from K=100 alone.

Glossary

CMYK

A subtractive color model used in printing, made of cyan, magenta, yellow and key (black) ink percentages from 0 to 100.

Hex code

A six-digit hexadecimal string (#RRGGBB) that represents a color as red, green and blue light values for screens.

Key (K)

The black channel in CMYK. It darkens every other channel proportionally rather than adding a separate color.

Subtractive color

A color model, like CMYK, where colors are created by inks absorbing (subtracting) wavelengths of light from white paper.

Additive color

A color model, like RGB, where colors are created by combining (adding) red, green and blue light directly on a screen.

ICC profile

A file that describes how a specific device or printer reproduces color, used to get more accurate print results than a generic formula.

Frequently asked questions