Convert OKLCH to CMYK
Converting Lightness, Chroma, Hue (perceptual) (OKLCH) to Cyan, Magenta, Yellow, Key (black) (CMYK) is a precise, rule-based operation — both formats describe the same color with different numbers. Whether you are tuning a CSS custom property, matching a brand color across design tools, or preparing values for print, this page gives you an interactive converter, the exact OKLCH → CMYK method, a worked example, a quick-reference table and the details that matter (rounding, gamut and print caveats).
From
To
—
—
—
Live preview
How to convert OKLCH to CMYK
Take this real example — the color firebrick(#c2410c):
oklch(0.553 0.174 38.4) → cmyk(0%, 66.49%, 93.81%, 23.92%)
- Convert the OKLCH color to RGB using the OKLCH → RGB method.
- Keep the three RGB channels (0–255) — this is the shared numeric base of every on-screen format.
- Convert RGB to CMYK with the RGB → CMYK method to finish.
OKLCH → RGB → CMYK (RGB is the numeric bridge)
OKLCH to CMYK conversion table
| Color | OKLCH | CMYK |
|---|---|---|
| White | oklch(1 0 90) | cmyk(0%, 0%, 0%, 0%) |
| Black | oklch(0 0 0) | cmyk(0%, 0%, 0%, 100%) |
| Red | oklch(0.628 0.258 29.23) | cmyk(0%, 100%, 100%, 0%) |
| Lime | oklch(0.866 0.295 142.5) | cmyk(100%, 0%, 100%, 0%) |
| Blue | oklch(0.452 0.313 264.05) | cmyk(100%, 100%, 0%, 0%) |
| VersatilBox accent | oklch(0.553 0.174 38.4) | cmyk(0%, 66.49%, 93.81%, 23.92%) |
| Tailwind blue-500 | oklch(0.623 0.188 259.81) | cmyk(76.02%, 47.15%, 0%, 3.53%) |
| Tailwind emerald-500 | oklch(0.696 0.149 162.48) | cmyk(91.35%, 0%, 30.27%, 27.45%) |
About these formats
OKLCH (Lightness, Chroma, Hue (perceptual)). OKLCH is the modern perceptual space from CSS Color 4: L for lightness, C for chroma (intensity) and H for hue, designed so that equal numeric steps look like equal steps to your eye.
CMYK (Cyan, Magenta, Yellow, Key (black)). CMYK is the subtractive model of print: inks layered on white paper. On-screen CMYK values are approximations — real print depends on ink profiles (ICC), not just numbers.
Frequently asked questions
How do I convert OKLCH to CMYK?
Convert the OKLCH color to RGB using the OKLCH → RGB method. Keep the three RGB channels (0–255) — this is the shared numeric base of every on-screen format. Convert RGB to CMYK with the RGB → CMYK method to finish. The converter above does it instantly, including the reverse direction.
What is OKLCH?
OKLCH — Lightness, Chroma, Hue (perceptual) — is the modern perceptual space from CSS Color 4: L for lightness, C for chroma (intensity) and H for hue, designed so that equal numeric steps look like equal steps to your eye.
What is CMYK used for?
CMYK (Cyan, Magenta, Yellow, Key (black)) is the subtractive model of print: inks layered on white paper. On-screen CMYK values are approximations — real print depends on ink profiles (ICC), not just numbers.
Is the OKLCH → CMYK conversion exact?
Numerically yes, colorimetrically no. The on-screen CMYK conversion is the standard ink approximation — an actual print run depends on the paper, ink and ICC profile, so treat the CMYK values as a starting point for prepress, not a proof.
Why does the CMYK value look different in other tools?
Small differences come from rounding (how many decimals are kept) and from out-of-gamut handling. This site follows the CSS Color 4 algorithms and shows OKLCH with 3 decimals, the same convention used by browsers and mainstream design tools.