CMYK to HEX Converter

How to use the cmyk to hex converter

1. Enter the Cyan percentage (0 to 100) in the first field.
2. Fill in Magenta, Yellow and Key (Black) percentages.
3. The HEX code, RGB triplet and CSS rgb() string appear automatically below the inputs.
4. Copy the hexadecimal value directly into your stylesheet or design tool.

How the CMYK to HEX conversion works

The math behind this conversion starts by turning each ink percentage into a decimal between 0 and 1. Each RGB channel is then computed with this formula:

R = 255 x (1 - C) x (1 - K)

The same pattern applies to green (using M) and blue (using Y). Once you have the three RGB integers, each is converted to a two-digit hexadecimal number and concatenated with a leading hash.

For example, converting C=75, M=68, Y=67, K=90 gives R = 255 x 0.25 x 0.10 = 6.375, which rounds to 6. Green becomes 8 and blue becomes 8. The final hex code is #060808.

Common CMYK to HEX reference values

This table lists standard process colors and their hexadecimal equivalents. Use it as a quick lookup when you need an answer without entering values manually.

Why screen colors differ from print

CMYK is a subtractive model used for printing: inks absorb light, so combining all four at 100 percent produces near-black. Screens use an additive RGB model where combining red, green and blue light at full intensity produces white. Because of this fundamental difference, turning ink percentages into screen light is always an approximation.

Print profiles such as U.S. Web Coated SWOP apply complex curves that a simple linear formula cannot replicate perfectly. For critical brand work, designers compare physical proofs against calibrated monitors rather than relying solely on mathematical conversion.

Using the results in CSS

Once you have the result, the resulting six-character code can be placed directly in any CSS property that accepts a color. For example, color: #060808; sets text to the dark shade calculated above.

If you prefer functional notation, the tool also provides the rgb() string. Modern CSS supports space-separated syntax like rgb(6 8 8), but the comma-separated form rgb(6, 8, 8) remains compatible with older browsers. Both formats are derived from the same underlying RGB integers.

When you need to go the other direction, the hex to cmyk converter reverses the process. You can also explore cmyk to rgb if you only need the channel values without the hexadecimal prefix.

Edge cases and rounding

Floating-point arithmetic can introduce tiny errors. A channel that should be exactly 128 might compute as 127.99999999999999. The converter rounds each channel to the nearest integer before formatting the cmyk to hex code, preventing off-by-one mistakes in the final output.

Inputs outside the 0 to 100 range are rejected because ink coverage beyond 100 percent has no physical meaning. Negative percentages are likewise invalid. If you enter a decimal like 33.3, the formula still works correctly and the rounding step handles the fractional pixel value.

Worked examples