Coming from print and need the same color on the web? Converting CMYK to HEX gives you the closest screen equivalent of your ink mix, ready to paste into CSS, Figma or a brand sheet.
How CMYK to HEX conversion works
- Take the four CMYK percentages as ink amounts for the Coated FOGRA39 profile.
- Read the color the profile prints for that ink mix, using the relative colorimetric intent with black point compensation.
- Convert that color to sRGB. Colors a screen cannot show are clipped to the closest value it can show.
- Round each channel, write it as two hexadecimal digits and join them behind a #.
Worked example
This uses the standard Coated FOGRA39 profile, not the profile of your press. Other CMYK profiles (for example from your print shop) give different numbers, so treat the HEX result as a faithful preview and check a proof for brand-critical colors.
CMYK and HEX explained
What is CMYK?
CMYK is the four-ink model used in printing: cyan, magenta, yellow and key (black), each as a percentage from 0 to 100. Ink subtracts light instead of emitting it, so CMYK covers fewer colors than a screen, which is why bright screen colors often look duller once they are printed.
- Syntax:
- cmyk(C%, M%, Y%, K%)
- Range:
- 0–100% per ink
- Best for:
- print, packaging, press-ready artwork
What is HEX?
A HEX code is a six-digit hexadecimal number that stores the red, green and blue channel of a color behind a leading #. Each pair of digits covers one channel, from 00 (none) to FF (full), which gives the same 16.7 million colors as RGB in a much shorter notation. HEX is the default in CSS, design tools and brand guidelines.
- Syntax:
- #RRGGBB
- Range:
- 00–FF per channel
- Best for:
- CSS, design handoff, brand guidelines
CMYK to HEX reference table
The most common CSS colors, converted from CMYK to HEX.
| Color | CMYK | HEX |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | #010101 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 95%, 92%, 0%) | #E52420 |
| lime | cmyk(64%, 0%, 100%, 0%) | #69B42D |
| blue | cmyk(93%, 75%, 0%, 0%) | #2C4A9A |
| yellow | cmyk(9%, 0%, 96%, 0%) | #F4E600 |
| orange | cmyk(0%, 43%, 94%, 0%) | #F6A216 |
| teal | cmyk(83%, 27%, 48%, 12%) | #098180 |
| purple | cmyk(63%, 100%, 4%, 1%) | #7D217E |
| gray | cmyk(48%, 39%, 39%, 21%) | #81807F |