The device-cmyk() functional notation is used to express CMYK colors in a device dependent way, specifying the cyan, magenta, yellow, and black components.

This approach to color is useful when creating material to be output to a particular printer, when the output for particular ink combinations is known. CSS processors may attempt to approximate the color, however, the end result is likely to be different from the printed result.


device-cmyk(0 81% 81% 30%);
device-cmyk(0 81% 81% 30% / .5);
device-cmyk(0 81% 81% 30% / .5, rgb(178 34 34));


Functional notation: device-cmyk(C M Y K[ / A][, color])

C, M, Y, K

<number> or <percentage> values providing the cyan, magenta, yellow, and black components of CMYK color.

A Optional

An <alpha-value>, where the number 1 corresponds to 100% (full opacity).

color Optional

An optional fallback <color> to use if the user agent does not know how to translate the CMYK color to RGB.

Formal syntax

<device-cmyk()> = 
<legacy-device-cmyk-syntax> |

<legacy-device-cmyk-syntax> =
device-cmyk( <number>#{4} )

<modern-device-cmyk-syntax> =
device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )

<cmyk-component> =
<number> |
<percentage> |

<alpha-value> =
<number> |


CSS Color Module Level 5
# device-cmyk

Browser compatibility

There is no browser implementing this feature.

See also