BYTETOOLS

How to Convert CMYK to HEX: A Step-by-Step Guide

To convert CMYK to HEX, enter your cyan, magenta, yellow and key percentages into a CMYK to HEX converter and it returns a screen-ready HEX code instantly. The tool first converts the four ink percentages into sRGB values, then writes each channel as a two-digit hexadecimal pair to build the final code.

Print files describe color as four ink percentages, but the web speaks HEX. This guide walks you through the conversion step by step and explains what happens under the hood, so you can move a print color online with confidence.

Step-by-step: converting CMYK to HEX

Using the ByteTools CMYK to HEX Converter takes only a few seconds:

  1. Enter your C, M, Y and K values as percentages from 0 to 100. These usually come from a brand guideline, a print spec sheet, or the color panel in your design software.
  2. Read the HEX code the tool produces, along with its matching rgb() value.
  3. Check the live swatch to confirm the color looks the way you expect before you commit to it.
  4. Copy the HEX or RGB value with one click and paste it straight into your CSS, email template, or design tool.

Because the tool updates as you type, you can nudge a channel up or down and watch the swatch respond in real time.

The math behind the conversion

If you want to understand what the converter is doing, the process has two stages. First, CMYK becomes RGB using the standard formula, treating each percentage as a fraction between 0 and 1:

R = 255 x (1 - C) x (1 - K)
G = 255 x (1 - M) x (1 - K)
B = 255 x (1 - Y) x (1 - K)

Second, each RGB channel is written as a two-digit hexadecimal number and the three are joined behind a #. For example, an RGB value of 0, 122, 204 becomes #007ACC. The converter handles both stages at once, so you never touch the arithmetic.

A worked example

Say your brand blue is defined for print as C 100, M 40, Y 0, K 20. Plugging those percentages in gives roughly R 0, G 122, B 204, which the tool writes as the HEX code #007ACC. Copy that value and your website header now carries the same blue your printed brochure uses, close enough for screen use.

Input (CMYK %)RGB resultHEX code
0 / 0 / 0 / 1000, 0, 0#000000
100 / 40 / 0 / 200, 122, 204#007ACC
0 / 100 / 100 / 0255, 0, 0#FF0000

Why it runs in your browser

Every calculation happens locally in your browser using JavaScript. Nothing you enter is uploaded, logged or stored, there is no account to create, and the tool keeps working offline once loaded. That makes it safe for unreleased brand colors and convenient when you are working on the move.

Try the CMYK to HEX Converter — free and 100% in your browser.

FAQ

Do I need to convert the percentages to decimals myself?

No. You type the CMYK values exactly as they appear in your spec, from 0 to 100. The tool converts them to fractions internally before applying the formula, so there is nothing extra to prepare.

What if I only have three CMYK values?

CMYK always has four channels. If a spec lists only cyan, magenta and yellow, the key (black) value is 0. Enter 0 in the K field and the converter treats it as no black ink.

Can I convert several colors in a row?

Yes. The converter updates live as you change the inputs, so you can work through a palette one color at a time, copying each HEX code as you go without reloading the page.

Does the converter give me RGB as well as HEX?

Yes. Alongside the HEX code you get a ready-to-use rgb() value, so you can paste whichever format suits your CSS or design tool.

Related free tools

Built by ByteVancer

ByteTools is a free product of ByteVancer, a software and web development studio that builds web apps, SaaS platforms and custom software. If you need a color-accurate web experience or a bespoke tool for your team, explore what ByteVancer can build for you.

Recommended reading

Guide

CMYK to HEX Use Cases: Real Print-to-Web Examples

See real-world scenarios where converting CMYK to HEX matters, from brand websites to email signatures, with worked color examples.

Guide

CMYK to HEX: Pro Tips and Mistakes to Avoid

Avoid gamut surprises and mismatched brand colors with these CMYK to HEX best practices, common pitfalls, and troubleshooting tips.

Guide

Yes or No Generator: Real Use Cases and Examples

From beating decision paralysis to games and classrooms, see real use cases and examples for a random yes or no generator.

Guide

Yes or No Generator Tips and Common Mistakes

Get better decisions from a random yes or no generator. Pro tips, when to add Maybe, and the common mistakes to avoid when picking answers.