Type a color in any format and get every other one, including CMYK that matches how it prints.
Last updated: November 2026
15+
Formats both ways
6
Printing conditions
List
Many colors at once
Private
Runs in your browser
Close to cadetblue
HEX, RGB, HSL, HSV, HWB, Lab, LCH, OKLab, OKLCH, CMYK, CSS names and code all work.
The common European offset standard (ISO 12647-2) on coated paper; also used widely elsewhere.
Loading the printing condition...
Computed from the FOGRA39 profile (VIGC). Values are close to what design apps give for the same printing condition, not identical; for a job, use the profile your printer gives you.
WCAG 2.2 contrast: 4.5:1 for normal text (AA), 3:1 for large text, 7:1 for AAA.
One color per line, in any format. CMYK uses the printing condition above. Up to 500 lines.
Type or paste it in any format: #FF5733, rgb(255, 87, 51), hsl(11, 100%, 60%), C0 M66 Y80 K0 or a name like tomato. You can also use the color picker or pick from your screen.
HEX, RGB, HSL, HSV, OKLCH, Lab and more update at once. Edit any of them and the rest follow.
Choose the printing condition, or ask your printer which one. See the CMYK values and how the color will look printed.
Copy any value, show code for your platform, or paste a whole list and download it as CSV.
Type any of these into the main box or into a format card. The web formats follow the CSS Color Module Level 4 specification, so values copied from here work in CSS as they are.
HEX
#FF5733, #F53, #FF573380
Web and design apps. Eight digits add opacity.
RGB
rgb(255, 87, 51), rgba(255, 87, 51, 0.5), 255, 87, 51
Screens, CSS, most software. Also as percentages or 0 to 1.
HSL
hsl(11, 100%, 60%)
CSS. Hue, saturation and lightness.
HSV / HSB
hsv(11, 80%, 100%)
Photoshop, Figma and other design apps.
HWB
hwb(11 20% 0%)
CSS. Hue with how much white and black.
CIE Lab and LCH
lab(61.03% 63.55 55.96)
Print and color work; CSS. Measured against a D50 white, as Photoshop and CSS use.
OKLab and OKLCH
oklch(68.04% 0.21 33.69)
CSS. Even steps for scales and palettes.
CMYK
C0 M66 Y80 K0, cmyk(0%, 66%, 80%, 0%), 0/66/80/0
Print. Read and written with a printing condition, or the simple formula.
Names
tomato, rebeccapurple
The 148 CSS color names.
Code
0xFFFF5733, Color(0xFFFF5733), vec3(1.0, 0.341, 0.2)
Android, Flutter, shaders. SwiftUI, UIKit and Tailwind are written too.
Most converters turn RGB into CMYK with a simple formula that treats the inks as the opposite of red, green and blue. A press works differently: inks overlap, paper absorbs and spreads them, and there is a limit to how much ink a sheet can take. So the same CMYK values print differently on coated and uncoated paper, and the formula's values often print off.
This converter uses color profiles of standard printing conditions, the same kind of data design apps use. Here is the formula next to coated paper in North America (GRACoL 2013):
#2A9D8F (teal)
Formula 73 / 0 / 9 / 38
GRACoL 2013 74 / 8 / 44 / 10
Prints true
#808080 (50% gray)
Formula 0 / 0 / 0 / 50
GRACoL 2013 48 / 39 / 37 / 17
Prints true
#FF0000 (red)
Formula 0 / 100 / 100 / 0
GRACoL 2013 0 / 93 / 98 / 0
Slightly different
#0000FF (blue)
Formula 100 / 100 / 0 / 0
GRACoL 2013 100 / 85 / 0 / 0
Can't be printed exactly
#000000 (black)
Formula 0 / 0 / 0 / 100
GRACoL 2013 83 / 74 / 61 / 100
Rich black
Values are C / M / Y / K in percent.
The formula makes a mid gray from black ink alone; the profile uses all four inks, in the amounts that print the same gray as on screen. Black becomes a rich black. Pure blue can't be printed exactly, and the converter shows the nearest printable blue. Conversions use relative colorimetric rendering with black point compensation, which Adobe's documentation gives as the default for North American and European settings, and perceptual rendering for Japan Color, as in Adobe's Japanese settings.
The values are close to what a design app gives for the same printing condition, but not identical, since each app's profiles and settings differ. For a print job, your printer's own profile is the final word.
Ask your printer which standard they print to. If you can't, pick by paper and region. The converter starts with the usual choice for your region.
Coated paper, North America
GRACoL 2013 (CRPC6)
Commercial printing on coated stock in the US and Canada.
Magazines, North America
SWOP 2013 (CRPC5)
Magazines and catalogs on web presses.
Uncoated paper, North America
GRACoL 2013 Uncoated (CRPC3)
Letterheads, books and other uncoated paper.
Coated paper, Europe
FOGRA39
The common European offset standard, also used widely in other regions.
Uncoated paper, Europe
FOGRA47
Offset printing on uncoated white paper.
Coated paper, Japan
Japan Color 2011
Sheet-fed offset printing in Japan.
The conditions come from profiles published in the ICC profile registry by Idealliance (GRACoL and SWOP), VIGC (FOGRA39 and FOGRA47) and the Japan Printing Machinery Association (Japan Color), whose terms allow them to be used and shared. The converter downloads only a small table computed from the profile you choose.
Split the code into three pairs and read each as a base-16 number, where A to F stand for 10 to 15. For #FF5733: FF = 15 × 16 + 15 = 255, 57 = 5 × 16 + 7 = 87, 33 = 3 × 16 + 3 = 51, so the color is rgb(255, 87, 51). A three-digit code doubles each digit: #F53 is #FF5533.
Write each value from 0 to 255 as two base-16 digits: 255 = FF, 87 = 57, 51 = 33, giving #FF5733. Divide by 16 for the first digit and take the remainder for the second: 87 ÷ 16 = 5, remainder 7.
Divide R, G and B by 255. Then K = 1 − the largest of them, and C = (1 − R − K) ÷ (1 − K), M = (1 − G − K) ÷ (1 − K), Y = (1 − B − K) ÷ (1 − K). Going back, R = 255 × (1 − C) × (1 − K), and the same for G with M and B with Y. This is the formula most converters use; it suits screens and quick estimates, not presses.
These follow the conversion steps in CSS Color Module Level 4. Lab uses a D50 white point, as CSS and Photoshop do, so values match what those show.
Add the two digits after a six-digit color in CSS, such as #FF573380 for 50%. Android and Flutter put them first: #80FF5733. Each value is the opacity × 255, rounded and written in base 16.
100%
FF
95%
F2
90%
E6
85%
D9
80%
CC
75%
BF
70%
B3
65%
A6
60%
99
55%
8C
50%
80
45%
73
40%
66
35%
59
30%
4D
25%
40
20%
33
15%
26
10%
1A
5%
0D
0%
00
Pantone, RAL and paint makers' colors are proprietary systems: each color is a physical ink or paint with licensed reference values, and a screen color can only approximate it. A converter that names the "Pantone equivalent" of a HEX code is guessing. This one doesn't offer those matches.
To choose a spot color, compare printed swatches from the official guide under good light, or use the system's own tools. Use this converter for the CMYK build of your color on a standard press.
Sending formula CMYK to a printer
The simple formula gives values a press doesn't reproduce as expected, such as 50% black for a mid gray. Use the values for the printing condition, or the profile your printer gives you.
Expecting screen brights to print
Neon greens, bright blues and vivid oranges are often outside what ink can print. Check the printed preview before you approve a brand color.
Mixing up 8-digit hex orders
CSS puts the opacity last (#RRGGBBAA), Android and Flutter put it first (#AARRGGBB). The same eight digits mean different colors in each.
Confusing HSL with HSB
hsl(11, 100%, 60%) and hsb(11, 100%, 60%) are different colors. Copy from the card that matches your app.
Every conversion runs in your browser; nothing you type is sent anywhere. The only download is a table of about 120 KB for the printing condition you choose, loaded once. A shared link keeps the color after the # in the address, which browsers don't send to the server.
Need the colors of an existing image or logo first? Use the image color picker, then bring a color here. To build a set of colors around one, try the palette generator.
Split the six digits into three pairs and read each pair as a base-16 number: in #FF5733, FF is 255, 57 is 87 and 33 is 51, so the color is rgb(255, 87, 51). Type the HEX code above and the converter does it for you, along with every other format.
Enter the color above and choose the printing condition your printer uses, such as coated paper in North America or Europe. The CMYK values come from that standard's color profile, and the panel shows how the color will look printed.
Most converters use a simple formula that treats CMYK as inverted RGB. Real inks, paper and presses don't behave that way, so print values come from color profiles of standard printing conditions. The simple formula's result is shown for comparison.
Ask your printer first. Without that, coated paper in North America usually means GRACoL, magazines SWOP, coated paper in Europe and many other places FOGRA39, and uncoated paper the uncoated options. The converter starts with the usual choice for your region.
Screens make color from light and can show brighter, more saturated colors than ink on paper. Bright greens, blues and oranges often can't be printed exactly. The converter warns you and shows the closest printable color.
Yes. Type the CMYK values, for example C0 M66 Y80 K0 or 0, 66, 80, 0. They are read with the chosen printing condition, which is how design apps do it, or with the simple formula if you prefer.
80. Add it after a six-digit color, such as #FF573380, for 50% opacity in CSS. Android puts the opacity first instead: #80FF5733. The opacity table on this page lists every 5% step.
No. Pantone and RAL are proprietary color systems with licensed reference values, and a screen color can only approximate a printed ink. Use the official guides or tools from Pantone or RAL to choose a match.
Both describe a color by hue and saturation. HSL adds lightness, where 100% is always white; HSV (also called HSB) adds value or brightness, where 100% is the brightest version of the hue. CSS uses HSL; Photoshop's color picker shows HSB.
A newer way to write colors in CSS, by lightness, chroma and hue, built on the Oklab color space so that equal steps look like equal changes. It's useful for making color scales and palettes.
Yes. Paste a list, one color per line in any format, under Convert a list of colors. You get HEX, RGB, HSL and print CMYK for each, and can copy or download the table as CSV.
No. Every conversion runs in your browser. The only download is a small table for the printing condition you choose.
Type any color above and copy the format you need, with CMYK ready for print.
