CMYK to HEX Converter

Color Picker · developer

Convert CMYK values to HEX with a fixed input and output format, live preview of the conversion line, and copy-ready results. All processing runs locally in your browser.

Calculator

From: CMYK (print inks)

To: Hexadecimal (#RRGGBB)

CMYK and “exact” values

CMYK describes ink on paper; on screen we still use sRGB. This tool uses a simple 0–100% model for preview—not a specific printer ICC profile—so it will not match Photoshop or print shops exactly.

When CMYK is shown as whole percentages, several different RGB colors can round to the same CMYK string. That is normal: CMYK→RGB is not unique. Here, CMYK copied from the Color Picker is converted so it matches the same HEX/RGB shown beside that color on the picker.

For web and UI work, treat HEX / RGB as the stable reference; use CMYK as an approximate print-oriented hint.

About CMYK

CMYK describes cyan, magenta, yellow, and black ink percentages (0–100%). It is a print-oriented model; on-screen preview still uses RGB.

About HEX

Hexadecimal codes pack red, green, and blue into six (or eight with alpha) base-16 digits. They are the default in CSS, design tools, and APIs.

How to convert CMYK to HEX

Enter a valid CMYK value in the calculator. The tool follows the pipeline below: parse your input, hold the color as sRGB (with alpha when relevant), then format the result as HEX.

Accepted shapes include CSS-like functions (e.g. rgb(...), hsl(...)) and compact comma-separated numbers where appropriate. Hex may include or omit the leading #.

Conversion procedure

  1. Parse CMYK: accept cmyk(c%, m%, y%, k%) or four comma-separated numbers. Each of C, M, Y, K is expected in 0–100, representing ink percentages for the simple subtractive model used on this site (not a specific printer ICC profile).
  2. Convert CMYK → sRGB: using normalized c,m,y,k ∈ [0,1], the tool applies the standard inverse: R = 255 × (1 − c)(1 − k), G = 255 × (1 − m)(1 − k), B = 255 × (1 − y)(1 − k). Integer CMYK can match more than one RGB after rounding; when several triples yield the same rounded CMYK, this site picks the one aligned with the Color Picker’s convention so copied CMYK values round-trip to the same HEX shown there.
  3. Build HEX: each of R, G, B is clamped to 0–255, rounded to an integer, and written as two uppercase hexadecimal digits. The calculator concatenates them as #RRGGBB. If the internal alpha is less than 1 (from RGBA or 8-digit hex input), two more hex digits are appended so the string becomes #RRGGBBAA; otherwise the six-digit form is used.
  4. Finalize: the result string is what you copy from the calculator. The line under the fields summarizes the path in short form (HEX ← sRGB ← CMYK). Rounding is intentional so values read like typical CSS; tiny differences versus other apps can still appear because of integer hue, saturation, lightness/value, or ink percentages.
  5. CMYK reminder: this model is a screen-side approximation. For print-critical work, follow your printer or PDF export profile; use HEX/RGB on this site as the authoritative on-screen reference.

Example

Input (CMYK): cmyk(76%, 31%, 0%, 14%)

Output (HEX): #3497DC

Summary

This page converts CMYK input into HEX output. The numbered “Conversion procedure” above is the full breakdown: validation and parsing, conversion to a single internal sRGB (+ alpha) sample, derivation of HEX coordinates from that sample, and final rounding to the strings you see in CSS-oriented tools. The same pipeline runs in your browser as you type.

Relationship context

CMYK (print inks) and Hexadecimal (#RRGGBB) are different ways to describe the same sRGB color (except CMYK, which is an approximate ink model). Converting CMYK → HEX does not change the underlying color within the limits of each notation; it only changes how numbers are written.

Example conversions

Sample CMYK values and the matching HEX output using the same rules as the calculator.

CMYK inputHEX output
cmyk(0%, 0%, 0%, 100%)#000000
cmyk(0%, 0%, 0%, 0%)#FFFFFF
cmyk(0%, 63%, 54%, 9%)#E8566B

More color format converters

Other dedicated pages (fixed input and output types). Open the Color Picker for the full list.