HEX to CMYK Converter

Convert HEX to CMYK for print projects

Use this free HEX to CMYK converter to turn a web color code into cyan, magenta, yellow and black percentages. Type a code like #3273DC, read the ink values, and check total ink coverage and a print gamut estimate before you send a file to a printer. It runs in your browser and needs no signup.

How to convert a HEX code to CMYK step by step

1. Type a code into the HEX color field, or choose a color with the color picker. Short codes such as #09F, full codes such as #0099FF, rgb() values and CSS color names are all accepted.
2. Read the CMYK result. The tool shows it as cmyk(77%, 48%, 0%, 14%) and as print notation like C77 M48 Y0 K14.
3. Check the CMYK Ink Breakdown bars to see how much of each ink the color uses.
4. Open the CMYK Print Check to see the gamut message and total ink coverage against newsprint, uncoated and coated paper limits.
5. Copy the value with the copy buttons, or pick the CSS variables, JSON or Print spec tab under CMYK Color Code Export.
6. Use Export CSS, Export JSON or Share link to download the data or send a link that restores the same color.

What do C, M, Y and K stand for?

CMYK stands for cyan, magenta, yellow and key (black). Commercial presses lay down these four inks as tiny dots, and the eye blends them into full color. Each channel is a percentage from 0 (no ink) to 100 (solid ink).

Black is added as a separate ink because mixing cyan, magenta and yellow rarely gives a clean, neutral black. It also saves ink and keeps text sharp. HEX works the other way: it describes how much red, green and blue light a screen emits.

How the HEX to CMYK formula works

A HEX code is three RGB channel values written in base 16, and CMYK is derived from those channels. The converter splits the code into red, green and blue, scales each to a 0 to 1 range, then applies the standard formula. You can read more about the notation in the MDN reference for CSS hex colors.

• Black (K): K = 1 - max(R, G, B)
• Cyan: C = (1 - R - K) / (1 - K)
• Magenta: M = (1 - G - K) / (1 - K)
• Yellow: Y = (1 - B - K) / (1 - K)

Pure black (#000000) is a special case and becomes C0 M0 Y0 K100. The results are rounded to whole percentages.

Worked example: #3273DC to CMYK

The code #3273DC equals rgb(50, 115, 220). Scaled to 0 to 1, that is R 0.196, G 0.451 and B 0.863.

K = 1 - 0.863 = 0.137, which rounds to 14%. C = (1 - 0.196 - 0.137) / 0.863 = 0.773, or 77%. M = (1 - 0.451 - 0.137) / 0.863 = 0.477, or 48%. Y = (1 - 0.863 - 0.137) / 0.863 = 0%. The result is C77 M48 Y0 K14.

CMYK conversion examples you can check

Are the CMYK values accurate for printing?

No. The values are a mathematical approximation, not a color-managed print conversion. The simple formula does not use an ICC profile, so it knows nothing about your paper, inks or press. Professional software converts with a printer profile such as FOGRA39 or GRACoL, and those numbers will differ.

Screens also mix light, while presses mix ink. That is why bright blues, greens and neon tones often look duller on paper. The additive vs subtractive color guide explains the difference, and the RGB vs CMYK comparison covers what changes in practice.

Use the numbers as a starting point for a print spec, then ask your printer for a proof. A color profile is what ties a CMYK number to a real printed result.

What the CMYK print check tells you

The print check adds two things a plain converter does not: a gamut estimate and a total ink coverage reading. Both help you spot trouble before a job goes to press.

• Gamut estimate: The tool compares your color with typical coated-paper process inks (close to FOGRA39) and reports it as likely printable, near the CMYK limit, or probably outside the gamut. For a very dark or very light color it explains that the print will be the deepest black or bare paper.
• Total ink coverage: The tool adds C + M + Y + K and compares the total with common limits.
• Rich black tip: When a color is near black, a note suggests a rich black for large areas.
• Pantone shortcut: For colors outside the gamut, the message points you to the Pantone converter to look for a spot color.

The gamut result is an estimate, not an ICC soft proof.

Total ink coverage limits by paper type

Total ink coverage (TIC) is the sum of the four ink percentages. Too much ink dries slowly and can smear or set off. The tool uses these rule-of-thumb limits:

The simple formula never exceeds 300%, so converted colors stay within the coated paper limit. Colors you build by hand with the sliders can go higher, up to 400%. Your printer's profile sets the real limit. The ISO 12647 family of standards defines these press conditions, and the CMYK color model article gives background on how process inks combine.

Export HEX to CMYK values as CSS or JSON

The export panel gives you three formats for the current color. CSS variables lists HEX, RGB, HSL and CMYK custom properties. JSON adds total ink coverage and the gamut note. Print spec is a plain-text block you can paste into a brief for your printer.

:root {
  --color-hex: #3273DC;
  --color-rgb: rgb(50, 115, 220);
  --color-hsl: hsl(217, 71%, 53%);
  --color-cmyk: 77% 48% 0% 14%;
}

Browsers do not render a CMYK value directly, so the CMYK line works as documentation for print. Use the HEX line for on-screen styling, as described in the CSS Color Module Level 4 specification.

Can I go from CMYK back to HEX?

Yes. Under Adjust CMYK Ink Values, move the Cyan, Magenta, Yellow and Black (K) sliders or type a number from 0 to 100 in each box. The HEX, RGB and HSL values update with the same simple formula run in reverse.

This helps when a printer or brand guide gives you CMYK numbers and you need an on-screen match. Remember that the result is a screen preview of an uncalibrated conversion. For a quick way to blend ink amounts, try the CMYK color mixer.

CMYK conversion tips and common mistakes

• Do not treat the numbers as final. Confirm brand-critical colors with a printed proof or a spot color.
• Use rich black only for big areas. A mix such as C40 M30 Y30 K100 gives a deeper solid than K100 alone, but keep small text at K100 only so it stays sharp if plates shift slightly.
• Watch saturated screen colors. Electric blues, bright greens and neon shades often land outside the CMYK gamut and print duller.
• Keep one source of truth. Save the HEX and the approved CMYK together, for example with the JSON or Print spec export.
• Check ink totals on hand-built mixes. Sliders allow up to 400% total ink, which no paper type accepts.

If you work in RGB first, you can also convert HEX to RGB to read the channel values the formula uses.

Who needs to convert HEX to CMYK?

Designers use this conversion when a web brand color has to appear on business cards, packaging, flyers or brochures. Developers use it to document print equivalents beside CSS variables. Marketers use it to brief print shops with a consistent spec. Students use it to see how RGB and CMYK relate.

Next step: if you have a full RGB value, use the RGB to CMYK converter, or convert a whole list at once with the bulk color converter. For other formats, the general color converter handles HEX, RGB, HSL and HSV.