What does CMYK stand for?

Cyan, Magenta, Yellow and Key (black) — the four ink channels used in print, each given as a percentage.

How do I convert HEX to CMYK?

Pick a color or paste a HEX code and Color Picker Lab shows its CMYK percentages. Note CMYK is an approximation: exact values depend on the printer’s color profile.

Why does my screen color look different in print?

Screens mix light (RGB) and have a wider gamut than ink (CMYK). Bright, saturated screen colors often can’t be reproduced exactly with ink and print a little duller.

CMYK Color Picker

Pick a color and read its CMYK values for print — cyan, magenta, yellow and black — with instant HEX, RGB, HSL and OKLCH conversion.

#F59E0B Orange

From image

Tints

Shades

Tones

Perceptual 50→950 scale, computed in OKLCH. Copy it as CSS custom properties using relative-color syntax — each stop keeps the base hue and chroma.

--color-50: oklch(from #F59E0B 0.97 c h);
--color-100: oklch(from #F59E0B 0.94 c h);
--color-200: oklch(from #F59E0B 0.87 c h);
--color-300: oklch(from #F59E0B 0.78 c h);
--color-400: oklch(from #F59E0B 0.68 c h);
--color-500: oklch(from #F59E0B 0.58 c h);
--color-600: oklch(from #F59E0B 0.5 c h);
--color-700: oklch(from #F59E0B 0.42 c h);
--color-800: oklch(from #F59E0B 0.34 c h);
--color-900: oklch(from #F59E0B 0.26 c h);
--color-950: oklch(from #F59E0B 0.18 c h);

No saved colors yet. Pick a color and tap Save to keep it here.

Recent

Colors you pick will show up here.

HEX: #F59E0B
HEX8: #F59E0BFF
HEX8 (Android): #FFF59E0B
RGB: rgb(245, 158, 11)
RGB (%): 96%, 62%, 4%
HSL: hsl(38, 92%, 50%)
HSV / HSB: hsv(38, 96%, 96%)
CMYK: cmyk(0%, 36%, 96%, 4%)
OKLCH: oklch(0.7686 0.1647 70.08)
OKLCH (%): oklch(76.86% 0.1647 70.08)
Decimal: 16096779

A 9.78:1 vs black

A 2.15:1 vs white

AA normal ≥ 4.5 Pass
AA large ≥ 3 Pass
AAA normal ≥ 7 Pass
AAA large ≥ 4.5 Pass

Recommended text color: black

CSS contrast-color() contrast-color(#F59E0B) → black

APCA Lc experimental 62.2 Lc · large / secondary text (black text)

WCAG 2.1 AA/AAA is the compliance floor; APCA is an optional readability metric.

Complementary

Analogous

Triadic

Split-complementary

Tetradic

Square

Monochromatic

Roughly 1 in 12 men and 1 in 200 women have some color-vision deficiency. Here is how this color looks under the eight common types.

Dichromacy

Protanopia

#CFCF2F Khaki

Deuteranopia

#D4DB37 Yellow

Tritanopia

#F14B51 IndianRed

Anomalous trichromacy

Protanomaly

#CFCF2F Khaki

Deuteranomaly

#D4DB37 Yellow

Tritanomaly

#F14B51 IndianRed

Monochromacy

Achromatopsia

#B1B1B1 DarkGray

Achromatomaly

#B1B1B1 DarkGray

Make colorblind-safe

Adjusted for deuteranomaly — the most common deficiency — so it stays distinguishable.

#F57800 DarkOrange

What is CMYK?

CMYK is the subtractive color model used for print. Instead of mixing light, it layers cyan, magenta, yellow and key (black) inks, each as a percentage — cmyk(76%, 47%, 0%, 4%).

Screen (RGB) vs print (CMYK)

RGB describes color on a screen; CMYK describes ink on paper. Because ink has a smaller gamut, vivid screen colors can shift when printed. Use this picker to preview the CMYK values for a screen color before sending artwork to print — and keep the HEX for the on-screen version.

Frequently asked questions

What does CMYK stand for?: Cyan, Magenta, Yellow and Key (black) — the four ink channels used in print, each given as a percentage.
How do I convert HEX to CMYK?: Pick a color or paste a HEX code and Color Picker Lab shows its CMYK percentages. Note CMYK is an approximation: exact values depend on the printer’s color profile.
Why does my screen color look different in print?: Screens mix light (RGB) and have a wider gamut than ink (CMYK). Bright, saturated screen colors often can’t be reproduced exactly with ink and print a little duller.