CMYK to RGB Color Converter – Free & Instant

Convert CMYK to RGB in one click

Type in your CMYK values and get the exact RGB numbers you need — no sign-up, no waiting. The converter also shows you the matching HEX code, HSL, and HSV values all at once, so you can copy whatever your tool needs.

This is handy whenever your designer hands you a print-ready CMYK color and you need to use it on a screen — a website, an app, a social graphic, or anywhere that expects RGB or hex.

How to use the CMYK to RGB converter

1. Enter your CMYK values in the fields above — C (cyan), M (magenta), Y (yellow), and K (black), each as a number from 0 to 100.
2. The RGB result appears instantly — three numbers (red, green, blue) each from 0 to 255.
3. Check the live color swatch to confirm it looks right on screen.
4. Copy the value you need — RGB, HEX, HSL, or HSV are all shown side by side.

Worked example: converting CMYK to RGB

Suppose your brand guidelines give you this print color:

Enter those four values into the converter. The output you get:

That deep red-orange is the on-screen equivalent of your print ink mix. The live swatch in the tool shows you exactly how it renders in a browser.

How to do this in code

If you need to convert CMYK to RGB inside your own project, here are two minimal, copy-pasteable snippets.

Python

def cmyk_to_rgb(c, m, y, k):
    # Inputs: c, m, y, k as percentages (0-100)
    r = 255 * (1 - c / 100) * (1 - k / 100)
    g = 255 * (1 - m / 100) * (1 - k / 100)
    b = 255 * (1 - y / 100) * (1 - k / 100)
    return round(r), round(g), round(b)

print(cmyk_to_rgb(0, 79, 100, 0))  # (255, 53, 0)

JavaScript

function cmykToRgb(c, m, y, k) {
  // Inputs: c, m, y, k as percentages (0-100)
  const r = Math.round(255 * (1 - c / 100) * (1 - k / 100));
  const g = Math.round(255 * (1 - m / 100) * (1 - k / 100));
  const b = Math.round(255 * (1 - y / 100) * (1 - k / 100));
  return { r, g, b };
}

console.log(cmykToRgb(0, 79, 100, 0)); // { r: 255, g: 53, b: 0 }

Both snippets follow the same straightforward formula. Swap in your own C, M, Y, K values and the result is immediately usable in CSS, Canvas, or anywhere else that needs RGB.

How the conversion works

CMYK is a subtractive color model — inks absorb light. RGB is additive — screens emit light. The math to move between them is a two-step scale:

1. Divide each CMYK percentage by 100 to get a 0–1 decimal.
2. Apply the formula: R = 255 × (1 − C) × (1 − K), and the same pattern for G and Y.

The K (black) channel acts as a global darkener — higher K pulls all three RGB channels closer to zero (black). You can read more about the RGB color model in the W3C CSS Color Level 4 specification.

One important caveat: this conversion assumes a generic, unmanaged color space. Real print workflows use ICC color profiles for accurate ink-to-screen matching. For brand-critical work, check with a professional printer or use color-managed software.

When to use this converter — and when not to

Good uses

• Translating a print brand color (from a style guide, Pantone swatch sheet, or PDF) into a usable CSS value.
• Quickly sanity-checking what a CMYK mix looks like on screen.
• Feeding the result into CSS (rgb()), HTML canvas, SVG, or a JavaScript color library.

When it won't give you a perfect match

• Print proofing: Screens and printed paper have very different gamuts (the range of colors they can show). The RGB value here is a mathematical approximation, not a proof.
• Pantone spot colors: Pantone inks have their own dedicated conversions — use a Pantone-to-RGB table for those.
• Large-scale brand projects: Use color-managed software (Adobe Illustrator, Affinity Publisher) with an ICC profile for precision.

Your data stays private

Everything runs directly in your browser. No color values are sent to a server, and nothing is stored or logged. It's safe to convert internal brand colors or client assets.

Ready to get your RGB value? Drop your CMYK numbers into the converter above and copy the result in seconds.