CMYK to RGB Converter
Convert CMYK ink percentages to RGB screen colors instantly. Enter values like cmyk(60%, 40%, 0%, 20%) and get the RGB, hex, and HSL equivalents. All conversions happen in your browser.
Synchronized color
#3399CCParsed 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=3399CCOne input, implementation-ready output
Color workspace
Hex
#RRGGBB
#3399CCCSS RGB
Modern space syntax
rgb(51 153 204)Legacy RGB
Comma syntax
rgb(51, 153, 204)RGB %
Percentage channels
rgb(20% 60% 80%)HSL
CSS hue, saturation, lightness
hsl(200 60% 50%)HSV / HSB
Design-tool model
hsv(200, 75%, 80%)OKLCH
Perceptual CSS color
oklch(64.8% 0.119 235)LAB
CSS Lab, D50
lab(59.19% -16.95 -35.28)LCH
CSS LCH, D50
lch(59.19% 39.14 244.33)CMYK
Unprofiled approximation
cmyk(75%, 25%, 0%, 20%)CMYK to RGB Formula
CMYK values are converted to RGB by inverting the ink coverage. With C, M, Y, and K expressed as decimals from 0 to 1:
- Red: R = 255 × (1 − C) × (1 − K)
- Green: G = 255 × (1 − M) × (1 − K)
- Blue: B = 255 × (1 − Y) × (1 − K)
- Round each channel to the nearest whole number between 0 and 255.
Example: convert cmyk(60%, 40%, 0%, 20%) to RGB
C = 0.60, M = 0.40, Y = 0.00, K = 0.20
R = 255 × (1 − 0.60) × (1 − 0.20) = 255 × 0.40 × 0.80 = 82
G = 255 × (1 − 0.40) × (1 − 0.20) = 255 × 0.60 × 0.80 = 122
B = 255 × (1 − 0.00) × (1 − 0.20) = 255 × 1.00 × 0.80 = 204
Result: rgb(82, 122, 204)
How to Use the CMYK to RGB Converter
Enter your four ink percentages as cmyk(60%, 40%, 0%, 20%) or simply 60 40 0 20. The converter immediately shows the RGB equivalent along with hex, HSL, and CMYK round-trip values, each with a one-click copy button. The large preview swatch shows exactly how the color renders on screen.
From Ink Percentages to Screen Colors
CMYK is a subtractive model: inks absorb light, so higher percentages produce darker colors. RGB is additive: light is emitted, so higher values produce brighter colors. Converting between them inverts that relationship. Because the RGB gamut is wider than CMYK, every CMYK color has a faithful RGB representation - the reverse is not always true.
Common Use Cases
Designers digitizing legacy print assets, marketing teams turning brand books that only list CMYK values into web-ready hex codes, and developers reproducing packaging or editorial colors in apps and websites all rely on CMYK to RGB conversion.
Common Colors in CMYK and RGB
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 RGB Converter
Each RGB channel is computed from its opposing inks: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), and B = 255 × (1 − Y) × (1 − K), where C, M, Y, and K are expressed as decimals from 0 to 1. Enter your percentages and the tool does this instantly.
CMYK describes ink on paper while RGB describes emitted light, and each printer, ink set, and paper stock renders ink differently. The conversion here is the standard mathematical approximation, which is ideal for digitizing print artwork but not a substitute for ICC-profiled proofs.
You can type cmyk(60%, 40%, 0%, 20%), the same values without the wrapper like 60 40 0 20, or comma-separated percentages. Percent signs are optional.
It is most common when adapting print materials for the web - taking colors from a printed brochure, business card, or brand guideline expressed in CMYK and reproducing them on a website, slide deck, or social graphic.
Keep the color moving
Useful next steps
Your latest color stays in the local workspace when the next tool uses it.
RGB to CMYK Converter
Convert RGB values to CMYK for professional printing
CMYK to Hex Converter
Convert CMYK values to hex color codes for the web
Hex to RGB Converter
Convert hex color codes to RGB values instantly
Color Converter
Convert one color into implementation-ready screen and print-reference formats