WebToolsPlanet
Converter Tools

CMYK to HEX

Convert CMYK (Cyan, Magenta, Yellow, Key/Black) values from print design to a HEX colour code for web use. Shows the intermediate RGB values and a live colour preview.

Last updated: May 28, 2026

Client-Side Processing
Input Data Stays on Device
Instant Local Execution
Something wrong with this tool? Report it

Find this tool useful? Support the project to keep it free!

Buy me a coffee

What is CMYK to HEX?

CMYK is the colour model used in print — it describes how much of each ink is mixed to produce a colour. HEX is the web standard used in CSS, HTML, and SVG. They use fundamentally different colour models (subtractive vs additive), so conversion goes through an RGB intermediate.

This is useful when translating brand colours from a print style guide into web-safe hex codes, adapting Pantone-matched CMYK specs for digital use, or cross-referencing a design system that maintains both print and digital values.

How to Use CMYK to HEX

1

Enter C, M, Y, K values as percentages (0–100)

2

The HEX code and RGB values appear instantly

3

Copy the HEX code for your CSS or design tool

Common Use Cases

  • Brand designers translating print-spec CMYK values into web HEX codes for a unified style guide.
  • Frontend developers implementing brand colours defined in CMYK in a CSS design system.
  • Print-to-digital agencies converting client brand documents to web assets.
  • Designers cross-referencing colour specifications between Adobe Illustrator and web environments.

Example Input and Output

Converting a CMYK print colour specification to its web HEX equivalent.

CMYK input
C:76, M:47, Y:0, K:4
HEX output
#3B82F6

Gamut differences

CMYK and RGB have different colour gamuts. Some vivid print colours cannot be reproduced exactly on screen.

Browser-side only

Conversion runs locally in your browser.

Frequently Asked Questions

Are CMYK and HEX colours identical?

Not exactly — CMYK is a subtractive model for ink; RGB/HEX is additive for screens. The conversion is mathematically correct but print colours may look different on screen due to gamut differences.

What do the C, M, Y, K values represent?

Cyan, Magenta, Yellow, and Key (Black) as percentages 0–100. K=100 is pure black; all channels at 0 is white.

Is my data sent to a server?

No. All conversion runs in your browser.

Related Tools

Part of a Collection