Skip to content

HEX to CMYK Converter

Paste a HEX color code, or pick a color, and get the CMYK percentages for printing. Switch direction to go from CMYK to HEX.

#2E86DE = C 79 · M 40 · Y 0 · K 13

CMYK
C 79% · M 40% · Y 0% · K 13%
CSS
cmyk(79%, 40%, 0%, 13%)
RGB
rgb(46, 134, 222)

Rounded to whole percentages. Your printer’s color profile may give slightly different numbers.

How to Convert HEX to CMYK

A HEX code is three numbers, for red, green and blue light, written in base 16. CMYK is four ink percentages. To convert, turn the HEX into RGB, then work out how much of each ink you need:

  1. Split the HEX code into three pairs: red, green, blue. Convert each pair to a number from 0 to 255 by multiplying the first digit by 16 and adding the second (A–F count as 10–15).
  2. Divide each number by 255, so the values run from 0 to 1.
  3. Work out black (K) first: 1 minus the biggest of the three.
  4. Work out cyan, magenta and yellow with the formulas below, then multiply all four by 100 for percentages.
K = 1 − max(R, G, B)
C = (1 − R − K) ÷ (1 − K)
M = (1 − G − K) ÷ (1 − K)
Y = (1 − B − K) ÷ (1 − K)

Pure black (#000000) is the one exception: it is simply K 100 with no other ink. If you only need the RGB values, the HEX to RGB converter covers the first step on its own.

Worked Example: #2E86DE to CMYK

Your website's blue is #2E86DE and you're ordering printed business cards.

Step 1: HEX to RGB

2E = 2×16 + 14 = 46 · 86 = 8×16 + 6 = 134 · DE = 13×16 + 14 = 222

Step 2: Divide by 255

R = 0.180 · G = 0.525 · B = 0.871

Step 3: Black first

K = 1 − 0.871 = 0.129 → 13%

Step 4: Cyan, magenta and yellow

C = (1 − 0.180 − 0.129) ÷ 0.871 = 0.79 → 79% · M = (1 − 0.525 − 0.129) ÷ 0.871 = 0.40 → 40% · Y = 0%

Result: C 79, M 40, Y 0, K 13. The tool above opens with this color loaded.

HEX to CMYK Chart

Common HEX colors and their CMYK values, rounded to whole percentages.

Common HEX colors converted to CMYK
ColorHEXCMYK
Red#FF00000%100%100%0%
Green#00FF00100%0%100%0%
Blue#0000FF100%100%0%0%
Yellow#FFFF000%0%100%0%
Cyan#00FFFF100%0%0%0%
Magenta#FF00FF0%100%0%0%
Orange#FFA5000%35%100%0%
Purple#8000800%100%0%50%
Pink#FFC0CB0%25%20%0%
Navy#000080100%100%0%50%
Grey#8080800%0%0%50%
Black#0000000%0%0%100%
White#FFFFFF0%0%0%0%

Will My Color Print the Same as on Screen?

Not always. A screen makes color from light, so it can show brighter, more intense colors than ink on paper can. Bright greens, electric blues, neon pinks and vivid oranges are the usual problem colors: they will print duller than they look on screen. Softer colors, greys and dark shades usually print close to how they look. The tool warns you when a color is in the bright, hard-to-print group.

How different kinds of screen color tend to print
Kind of colorExampleIn print
Bright, saturated#00FF00Noticeably duller
Strong but not neon#2E86DEClose, slightly flatter
Soft or pastel#FFC0CBClose
Greys and dark shades#808080Close

Paper matters too: the same CMYK values look brighter on glossy paper than on uncoated paper.

Frequently asked questions

What is the CMYK code for #0000FF?

C 100, M 100, Y 0, K 0. In print it comes out as a deep violet-blue, darker than the bright blue you see on screen.

Why does Photoshop give different CMYK numbers?

Photoshop converts using a color profile for a particular press and paper. This page uses the standard formula with no profile, so the numbers can differ by a few points.

Why is black only K, with no C, M or Y?

The formula puts all of the darkness into black ink. That is right for text. For large black areas, printers often add some C, M and Y to make a richer black.

Should I round the percentages?

Yes. Design apps and printers use whole percentages, so the tool rounds them for you.

Sources