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.
Synchronized color
#527ACCParsed as RGB; malformed or out-of-range channels are rejected, never silently clamped.
Try: cmyk(60%, 40%, 0%, 20%), 60 40 0 20, or any hex/rgb/hsl color
Adjust channels
Share this exact input
?color=527ACCOne input, implementation-ready output
Color workspace
Hex
#RRGGBB
#527ACCCSS RGB
Modern space syntax
rgb(82 122 204)Legacy RGB
Comma syntax
rgb(82, 122, 204)RGB %
Percentage channels
rgb(32.2% 47.8% 80%)HSL
CSS hue, saturation, lightness
hsl(220 54% 56%)HSV / HSB
Design-tool model
hsv(220, 60%, 80%)OKLCH
Perceptual CSS color
oklch(58.9% 0.134 263.3)LAB
CSS Lab, D50
lab(51.26% 5.16 -47.60)LCH
CSS LCH, D50
lch(51.26% 47.88 276.18)CMYK
Unprofiled approximation
cmyk(60%, 40%, 0%, 20%)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%) |
Need a value that is not listed? Browse the full color library — every hex code has a page with its RGB, HSL, CMYK and OKLCH values, contrast ratios, tints, shades and matching palette colors.
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.
The hex code is a screen representation of your CMYK color. It will look consistent across websites and apps, but printed output still depends on the press, inks, and paper - keep the original CMYK values for print production.
Yes. The output panel already shows the CMYK round-trip value, and the Hex to CMYK converter on this site handles the reverse direction with the same math.
Pure key (black) ink converts to #000000. Likewise cmyk(0%, 0%, 0%, 0%) - no ink at all - converts to #FFFFFF, the white of the paper.
Keep the color moving
Useful next steps
Your latest color stays in the local workspace when the next tool uses it.
Hex to CMYK Converter
Convert hex color codes to CMYK values for print
CMYK to RGB Converter
Convert CMYK print values to RGB screen colors
RGB to Hex Converter
Convert RGB and alpha to Hex, CSS formats, color spaces, code, and states
Color Converter
Convert one color into implementation-ready screen and print-reference formats