CMYK to Hex Converter
Convert CMYK print values to web-ready hex color codes. Enter ink percentages like cmyk(60%, 40%, 0%, 20%) and copy the hex code straight into your CSS. Everything runs in your browser.
CMYK to Hex Formula
CMYK converts to hex in two steps: first compute the RGB channels, then write each channel as a two-digit hexadecimal pair.
- Convert to RGB: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Round each channel to a whole number between 0 and 255.
- Convert each channel to base-16 and pad to two digits.
- Concatenate the pairs as #RRGGBB.
Example: convert cmyk(0%, 100%, 100%, 0%) to hex
R = 255 × (1 − 0.00) × (1 − 0) = 255 → FF
G = 255 × (1 − 1.00) × (1 − 0) = 0 → 00
B = 255 × (1 − 1.00) × (1 − 0) = 0 → 00
Result: #FF0000 (red)
How to Use the CMYK to Hex Converter
Type your ink percentages in any common format - cmyk(60%, 40%, 0%, 20%) or plain 60 40 0 20 - and the hex code appears instantly with a live color preview. Copy the hex value for CSS, or grab the RGB and HSL equivalents from the same output panel.
Why Web Work Needs Hex Instead of CMYK
Browsers and CSS have no native concept of ink coverage - they render light with RGB-based values, and hex is the most compact, universally supported notation. When a brand guide or print vendor hands you CMYK values, converting to hex is the required first step before those colors can appear in a website, email template, or app interface.
Common Use Cases
Turning print brand guidelines into CSS variables, matching website accents to printed packaging, rebuilding a letterhead design as an email signature, and documenting both print and digital values in a single brand reference sheet.
Common Colors in CMYK and Hex
Reference values for frequently used colors. Click a hex code to load it into the converter.
| Color | Name | Hex | RGB | CMYK |
|---|---|---|---|---|
| Black | #000000 | rgb(0, 0, 0) | cmyk(0%, 0%, 0%, 100%) | |
| White | #FFFFFF | rgb(255, 255, 255) | cmyk(0%, 0%, 0%, 0%) | |
| Red | #FF0000 | rgb(255, 0, 0) | cmyk(0%, 100%, 100%, 0%) | |
| Lime | #00FF00 | rgb(0, 255, 0) | cmyk(100%, 0%, 100%, 0%) | |
| Blue | #0000FF | rgb(0, 0, 255) | cmyk(100%, 100%, 0%, 0%) | |
| Yellow | #FFFF00 | rgb(255, 255, 0) | cmyk(0%, 0%, 100%, 0%) | |
| Cyan | #00FFFF | rgb(0, 255, 255) | cmyk(100%, 0%, 0%, 0%) | |
| Magenta | #FF00FF | rgb(255, 0, 255) | cmyk(0%, 100%, 0%, 0%) | |
| Silver | #C0C0C0 | rgb(192, 192, 192) | cmyk(0%, 0%, 0%, 25%) | |
| Gray | #808080 | rgb(128, 128, 128) | cmyk(0%, 0%, 0%, 50%) | |
| Maroon | #800000 | rgb(128, 0, 0) | cmyk(0%, 100%, 100%, 50%) | |
| Olive | #808000 | rgb(128, 128, 0) | cmyk(0%, 0%, 100%, 50%) | |
| Green | #008000 | rgb(0, 128, 0) | cmyk(100%, 0%, 100%, 50%) | |
| Purple | #800080 | rgb(128, 0, 128) | cmyk(0%, 100%, 0%, 50%) | |
| Teal | #008080 | rgb(0, 128, 128) | cmyk(100%, 0%, 0%, 50%) | |
| Navy | #000080 | rgb(0, 0, 128) | cmyk(100%, 100%, 0%, 50%) | |
| Orange | #FFA500 | rgb(255, 165, 0) | cmyk(0%, 35%, 100%, 0%) | |
| Pink | #FFC0CB | rgb(255, 192, 203) | cmyk(0%, 25%, 20%, 0%) | |
| Gold | #FFD700 | rgb(255, 215, 0) | cmyk(0%, 16%, 100%, 0%) | |
| Brown | #A52A2A | rgb(165, 42, 42) | cmyk(0%, 75%, 75%, 35%) | |
| Coral | #FF7F50 | rgb(255, 127, 80) | cmyk(0%, 50%, 69%, 0%) | |
| Indigo | #4B0082 | rgb(75, 0, 130) | cmyk(42%, 100%, 0%, 49%) | |
| Violet | #EE82EE | rgb(238, 130, 238) | cmyk(0%, 45%, 0%, 7%) | |
| Salmon | #FA8072 | rgb(250, 128, 114) | cmyk(0%, 49%, 54%, 2%) |
Frequently Asked Questions about CMYK to Hex Converter
The CMYK percentages are first converted to RGB using R = 255 × (1 − C) × (1 − K) and the equivalent formulas for green and blue, then each RGB channel is written as a two-digit hexadecimal pair to form the #RRGGBB code.