HSL to CMYK Converter
Convert HSL colors to CMYK values for print workflows. Bring your CSS HSL palette into print-ready CMYK format without intermediate steps or third-party software.
name, hex, rgb, hsl, hwb, cmyk, ncol
| Format | Value | |
|---|---|---|
| CMYK | cmyk(0%, 51%, 66%, 0%) | |
| Name | — | |
| Hex | #ff7e57 | |
| RGB | rgb(255, 126, 87) | |
| HSL | hsl(14, 100%, 67%) | |
| HWB | hwb(14, 34%, 0%) | |
| NCol | R23, 34%, 0% | |
| OKLCH | oklch(73.5% 0.1665 37.54) |
Lighter / Darker:
cmyk(0%, 8%, 10%, 0%)
cmyk(0%, 22%, 28%, 0%)
cmyk(0%, 35%, 46%, 0%)
cmyk(0%, 49%, 64%, 0%)
cmyk(0%, 63%, 82%, 0%)
cmyk(0%, 76%, 100%, 0%)
cmyk(0%, 77%, 100%, 18%)
cmyk(0%, 77%, 100%, 36%)
cmyk(0%, 77%, 100%, 54%)
cmyk(0%, 76%, 100%, 72%)
cmyk(0%, 77%, 100%, 90%)
Pick a Color:
Related Color Converters
How to Use This Tool
Enter an HSL color in hsl(h, s%, l%) format. The tool converts it to CMYK, giving you percentages for cyan, magenta, yellow, and black. HSL is a screen-first color space, so some saturated values may shift when converted to the print CMYK gamut. The output is a useful approximation for print design workflows. Click any value to copy it for use in Adobe InDesign, Illustrator, or your print production pipeline.