CMYK Color Space

CMY/CMYK

CMYK Color Space

CMY - is a subtractive color model that has 3 main colors Cyan Magenta and Yellow.

CMYK is an extended version of CMY value. With additional Black color component.

To define the value of each color component CMYK using percent (0 - 100). The same as RGB, CMYK has three main colors mixed to create a wide color palette. Combining Cyan Magenta and Yellow colors with 100% values will produce a pure black color.

CMYK it is not supported for a browsers. So it is not using in web development for now.

cmyk(0%, 0%, 0%, 100%) === cmyk(100%, 100%, 100%, 0%)

CMYK printing

CMYK is designed to be used for a printing process.

RGB was not suitable for printing due to solid base colors. That can not produce light colors after mixing them together. CMY model has light base components, that overlay each other on a paper. K(black) - component was added to reduce inc costs for black printing.

CMYK Palette

CYAN - color code CMYK

CYAN color range with 0 value for other channels. Range iterated [0-100] +10 cyan value per step. Started from pure white to pure cyan color.

cmyk(0,0,0,0) cmyk(10,0,0,0) cmyk(20,0,0,0) cmyk(30,0,0,0) cmyk(40,0,0,0) cmyk(50,0,0,0) cmyk(60,0,0,0) cmyk(70,0,0,0) cmyk(80,0,0,0) cmyk(90,0,0,0) cmyk(100,0,0,0)

MAGENTA color code CMYK

MAGENTA color range with 0 value for other channels. Range iterated [0-100] +10 magenta value per step. Started from pure white to pure magenta color.

cmyk(0,0,0,0) cmyk(0,10,0,0) cmyk(0,20,0,0) cmyk(0,30,0,0) cmyk(0,40,0,0) cmyk(0,50,0,0) cmyk(0,60,0,0) cmyk(0,70,0,0) cmyk(0,80,0,0) cmyk(0,90,0,0) cmyk(0,100,0,0)

YELLOW cmyk

YELLOW color range with 0 value for other channels. Range iterated [0-100] +10 yellow value per step. Started from pure white to pure yellow color.

cmyk(0,0,0,0) cmyk(0,0,10,0) cmyk(0,0,20,0) cmyk(0,0,30,0) cmyk(0,0,40,0) cmyk(0,0,50,0) cmyk(0,0,60,0) cmyk(0,0,70,0) cmyk(0,0,80,0) cmyk(0,0,90,0) cmyk(0,0,100,0)

BLACK cmyk

BLACK color range with 0 value for other channels. Range iterated [0-100] +10 black value per step. Started from pure white to pure black color.

cmyk(0,0,0,0) cmyk(0,0,0,10) cmyk(0,0,0,20) cmyk(0,0,0,30) cmyk(0,0,0,40) cmyk(0,0,0,50) cmyk(0,0,0,60) cmyk(0,0,0,70) cmyk(0,0,0,80) cmyk(0,0,0,90) cmyk(0,0,0,100)

CSS CMYK

CMYK it is not supports in CSS for now. But there is some plan announcement for a CSS4 version.

RGB to CMYK palette compare

Recreate RGB color palette with CMYK color codes. In red, green and blue ranges.

RED Component iteration

Iterate RED(RGB) component [0-256]. With a step 32. Start from a pure black to pure red shade.

cmyk(0,0,0,100) cmyk(0,100,100,87) cmyk(0,100,100,75) cmyk(0,100,100,62) cmyk(0,100,100,50) cmyk(0,100,100,37) cmyk(0,100,100,25) cmyk(0,100,100,12) cmyk(0,100,100,0)
GREEN Component iteration

Iterate GREEN(RGB) component [0-256]. With a step 32. Start from a pure black to pure green shade.

cmyk(0,0,0,100) cmyk(100,0,100,87) cmyk(100,0,100,75) cmyk(100,0,100,62) cmyk(100,0,100,50) cmyk(100,0,100,37) cmyk(100,0,100,25) cmyk(100,0,100,12) cmyk(100,0,100,0)
BLUE Component iteration

Iterate BLUE(RGB) component [0-256]. With a step 32. Start from a pure black to pure blue shade.

cmyk(0,0,0,100) cmyk(100,100,0,87) cmyk(100,100,0,75) cmyk(100,100,0,62) cmyk(100,100,0,50) cmyk(100,100,0,37) cmyk(100,100,0,25) cmyk(100,100,0,12) cmyk(100,100,0,0)