Can I convert HEX to CMYK?

Yes. Paste a hex code and read CMYK percentages next to RGB and HSL. Print conversion is an approximation without a color profile.

Does this support 3-digit shorthand HEX codes?

Yes. Shorthand codes like #f00 expand into standard 6-digit hex representations.

Is this a colour code converter?

Yes. HEX, RGB, HSL, and CMYK are available in one view, including UK spelling searches for colour.

Why does my CMYK print look different?

Screens emit light and printers use ink, so some colors cannot be matched exactly. Use your printer's color profile for accurate results.

How do I get a lighter shade of a color?

Convert it to HSL and raise the lightness value, keeping hue and saturation the same.

HEX to CMYK Converter

Convert digital color values across HEX, RGB, HSL, and CMYK models with live color swatches and CSS color variable output.

Color Input

Swatch Preview

#b91c1c

Luminance: 42%

CSS Variable

--primary-color: #b91c1c;

Converted Color Formats4 Models

HEX (Standard)#b91c1c

RGB Formatrgb(185, 28, 28)

RGBA Formatrgba(185, 28, 28, 1)

HSL Formathsl(0, 74%, 42%)

CMYK (Print)cmyk(0%, 85%, 85%, 27%)

How to use Color Code Converter

Type or paste a HEX, rgb(), or hsl() color, or use the color picker.
Review the synchronized values for HEX, RGB, HSL, and CMYK.
Copy your desired color model string.

About HEX to CMYK Converter

Convert colors between HEX, RGB, HSL, and CMYK. Paste a hex code or rgb() value, or pick a color, and copy the format you need, each shown with a live swatch.

Which format to use

HEX and RGB describe screen colors and work everywhere in CSS and design tools. HSL describes the same color by hue, saturation, and lightness, which makes it easy to create a lighter or darker shade by changing one number.

CMYK is the ink model used in printing. The values here are a standard mathematical conversion, which is a good starting point; for exact print color, ask your printer for their color profile.

Formats you can paste

The converter accepts 6-digit hex (#d52b1e), 3-digit shorthand (#f00), rgb(213, 43, 30), hsl(4, 75%, 48%), or just three numbers like 213, 43, 30. Shorthand is expanded so #f00 becomes #ff0000.

Some bright screen colors, especially vivid greens and blues, cannot be printed exactly, so expect printed results to look slightly duller.

Common uses

Web development: Convert a brand HEX color into rgb() or hsl() for CSS.
Print design: Get starting CMYK values for a logo color.
Design systems: Use HSL to build tints and shades from one base color.
Matching brands: Translate a color between tools that use different formats.

Questions about Color Code Converter

Can I convert HEX to CMYK?: Yes. Paste a hex code and read CMYK percentages next to RGB and HSL. Print conversion is an approximation without a color profile.
Does this support 3-digit shorthand HEX codes?: Yes. Shorthand codes like #f00 expand into standard 6-digit hex representations.
Is this a colour code converter?: Yes. HEX, RGB, HSL, and CMYK are available in one view, including UK spelling searches for colour.
Why does my CMYK print look different?: Screens emit light and printers use ink, so some colors cannot be matched exactly. Use your printer's color profile for accurate results.
How do I get a lighter shade of a color?: Convert it to HSL and raise the lightness value, keeping hue and saturation the same.

More tools like Color Code Converter

Comments

Questions, ideas, or a bug in Color Code Converter? Let us know.