Skip to main content

CMYK to HEX Converter

Type or paste a CMYK color: Percent signs and commas are optional, decimals are fine, or type four bare numbers.

Percentages 0–100, with or without % and cmyk(): 0 60 100 0. Fractions 0–1 with a decimal point, such as 0 0.6 1 0, are read as 0%, 60%, 100%, 0%.

#FF0000

Simple formula, no print profile: the same ink values print differently on different paper and presses. If your brand guide gives an RGB or HEX value, use that.

CMYK:cmyk(0%, 100%, 100%, 0%)
HEX:#FF0000

CSS Usage:

background-color: #FF0000;
color: #FF0000;
border: 1px solid #FF0000;

Popular Examples:

How to Convert CMYK to HEX

CMYK to HEX converts print ink values (Cyan, Magenta, Yellow, Black) to a web-ready hexadecimal color code. For example, cmyk(0%, 100%, 100%, 0%) becomes #FF0000, and cmyk(100%, 0%, 0%, 0%) becomes #00FFFF. Use this when a designer provides CMYK brand colors and you need to implement them in a website, app, or digital design.

Step by step for the color above

  1. Write the inks as fractions: C = 0, M = 1, Y = 1, K = 0
  2. R = 255 × (1 − C) × (1 − K) = 255 → 255
  3. G = 255 × (1 − M) × (1 − K) = 0 → 0
  4. B = 255 × (1 − Y) × (1 − K) = 0 → 0
  5. Red: 255 ÷ 16 = 15 remainder 15 → FF
  6. Green: 0 ÷ 16 = 0 remainder 0 → 00
  7. Blue: 0 ÷ 16 = 0 remainder 0 → 00
  8. Join the three pairs: #FF0000

Why Use This Converter?

  • Instant real-time conversion
  • Free online tool - no registration required
  • Live color preview
  • CSS code examples
  • One-click copy to clipboard