CMYK to HEX Converter
Use this CMYK to HEX converter to estimate a screen-friendly HEX color from cyan, magenta, yellow and black percentages. Enter CMYK values from 0 to 100 to see the resulting HEX, RGB and color preview instantly.
How to Convert CMYK to HEX
To convert CMYK percentages into a digital HEX color code, adjust the Cyan, Magenta, Yellow, and Key (Black) sliders between 0% and 100%, or type the exact percentages into the input boxes.
The screen preview swatch and numerical color codes (HEX, RGB, and HSL) update in real time. Click Copy HEX to copy the color code directly into your CSS stylesheet, Figma, or design application.
CMYK to HEX Conversion Formula
Digital monitors display color using the additive RGB color model, whereas printers use the subtractive CMYK ink model. To map CMYK percentages into a 24-bit hexadecimal color, the values are first normalized to 8-bit RGB channels (0–255):
CMYK to HEX Worked Example
- R = 255 × (1 - 0) × (1 - 0) = 255 → Hex:
FF - G = 255 × (1 - 0.50) × (1 - 0) = 255 × 0.50 = 127.5 ≈ 128 → Hex:
80 - B = 255 × (1 - 1.00) × (1 - 0) = 255 × 0 = 0 → Hex:
00
rgb(255, 128, 0).
Why Print and Screen Colors Look Different (Color Gamuts)
Generic mathematical CMYK-to-HEX conversion is an approximation. It provides an immediate preview for digital mockups, but it does not represent an exact print proof.
This difference exists because of fundamentally distinct physical color models:
- Color Gamut Differences: Digital screens emit light using sRGB or DCI-P3 color spaces, which can produce luminous, vibrant greens and electric blues that physical process inks simply cannot reproduce on paper.
- Reflected vs Emitted Light: A monitor projects direct photons into your eyes, while physical printed ink absorbs specific wavelengths of ambient light and reflects the remaining spectrum.
- Substrate & Paper Stock: The exact same ink mixture printed on glossy coated paper looks noticeably more vibrant than when printed on porous, uncoated newsprint.
- ICC Color Profiles: Professional prepress printing relies on color management profiles (such as U.S. Web Coated SWOP v2 or GRACoL 2006) to calibrate ink dot gain and press behavior.
CMYK vs HEX: Key Differences
| Attribute | CMYK | HEX / RGB |
|---|---|---|
| Primary Medium | Physical Print (magazines, packaging, signs) | Digital Screens (web, mobile, software) |
| Color Model | Subtractive (mixing inks absorbs light) | Additive (mixing light creates white) |
| Channels | Cyan, Magenta, Yellow, Black (Key) | Red, Green, Blue |
| Color Range / Gamut | Narrower gamut; muted brights | Wider gamut; vivid saturated colors |
Related Color & Developer Tools
Frequently Asked Questions
What is CMYK?
CMYK stands for Cyan, Magenta, Yellow, and Key (Black). It is the four-ink standard utilized in commercial four-color process printing.
What is a HEX color?
A HEX color code is a six-digit hexadecimal representation of an RGB color (e.g. #007ACC) widely used in HTML, CSS, SVG, and digital UI design.
Is CMYK to HEX conversion exact?
Mathematically, yes: the formulas convert percentages to discrete 8-bit RGB values precisely. However, physically, process inks on paper reflect light differently than monitor pixels emit light, so mathematical conversion is an approximation of physical print.
Why does printed color look different from the screen?
Screens have a wider color gamut and emit active backlight, whereas printed inks rely on reflected ambient lighting and interact with the porosity of paper.
What is Rich Black in CMYK?
Standard black ink (K = 100%) can look dark gray on paper. Commercial printers mix supporting inks (e.g., C=60%, M=40%, Y=40%, K=100%) to create a deeper, richer black known as "Rich Black".