What is the HEX code for a Pantone color?
A Pantone color has no single official HEX code, because Pantone colors are physical inks and HEX describes light on a screen. What you can get is a screen approximation. Enter a name such as PANTONE 286 C and this tool returns the approximation in its table, #0032A0, ready to paste into CSS, a slide theme or a design tool.
PANTONE is a trademark of Pantone LLC, and this site isn't affiliated with it. Pantone's own color pages say the on-screen colors "are computer simulations of the PANTONE Colors" that "may not match PANTONE-identified color standards" (pantone.com). The values below are one widely circulated set of approximations, not Pantone-certified data.
Using a Pantone brand color on the web
The common job: a brand book names a spot ink for print, and you're building the website. Steps that avoid most problems:
- Check the brand book first. If it already lists a HEX next to the Pantone name, use that value; it's the one the brand has approved.
- If it doesn't, look the name up here and copy the HEX.
- Compare the result on screen with a printed sample of the brand color. Adjust slightly if the brand owner wants a closer visual match.
- Record the final HEX in your stylesheet as a variable, so it changes in one place later.
The output is always an uppercase six-digit code with a #, such as #C8102E.
The full reference list
These are every name the tool recognizes, with the HEX it returns.
| Name | HEX | Name | HEX |
|---|---|---|---|
| PANTONE White | #FFFFFF |
PANTONE 3275 C | #00B2A9 |
| PANTONE Cool Gray 1 C | #D9D9D6 |
PANTONE 320 C | #00A3AD |
| PANTONE Warm Gray 1 C | #D7D2CB |
PANTONE Process Blue C | #0085CA |
| PANTONE Cool Gray 5 C | #B1B3B3 |
PANTONE 285 C | #0072CE |
| PANTONE Warm Gray 5 C | #B7A99A |
PANTONE 2935 C | #0057B8 |
| PANTONE Cool Gray 9 C | #75787B |
PANTONE 286 C | #0032A0 |
| PANTONE Cool Gray 11 C | #53565A |
PANTONE 072 C | #0018A8 |
| PANTONE Black 6 C | #262223 |
PANTONE Violet C | #440099 |
| PANTONE Black C | #2D2926 |
PANTONE 267 C | #5F259F |
| PANTONE Yellow C | #FEDD00 |
PANTONE 2597 C | #871F78 |
| PANTONE 108 C | #FFD700 |
PANTONE Rhodamine Red C | #E10098 |
| PANTONE 116 C | #FFCD00 |
PANTONE 219 C | #D0006F |
| PANTONE 123 C | #FFC72C |
PANTONE 213 C | #E31C79 |
| PANTONE 375 C | #84BD00 |
PANTONE 1785 C | #E4002B |
| PANTONE 355 C | #00A550 |
PANTONE 186 C | #C8102E |
| PANTONE 348 C | #00843D |
PANTONE Red 032 C | #EF3340 |
| PANTONE 871 C | #85754E |
PANTONE 1795 C | #D22630 |
| PANTONE 877 C | #8A8D8F |
PANTONE 1655 C | #FF5A00 |
| PANTONE 021 C | #FE5000 |
||
| PANTONE 158 C | #E1650A |
Anything outside this list, such as 485 C or 300 C, returns "Enter a known PANTONE name or number, e.g. PANTONE 286 C."
How names are matched
The tool is lenient about the usual ways people write a Pantone name and strict about which colors exist. Before comparing, it uppercases your input, collapses extra spaces and hyphens, removes a leading PANTONE or PMS and a trailing C (or Coated), reads Grey as Gray, and adds the leading zero to one- and two-digit numbers. That makes these equivalent:
| You type | Matched as |
|---|---|
PANTONE 286 C |
286 C |
pantone 286c |
286 C |
286 |
286 C |
process blue |
Process Blue C |
Black |
Black C (not Black 6 C) |
PMS 286 |
286 C |
72, Blue 072 |
072 C |
032, Red 32 |
Red 032 C |
Cool Grey 9, cool gray 9 c |
Cool Gray 9 C |
A name with another library's suffix, such as 286 U, 286 CP or 286 TCX, isn't quietly swapped for the coated color. The tool answers "Only coated (C) references are in this tool's table, so uncoated (U) colors can't be looked up." and, when the coated version is in the table, adds that PANTONE 286 C is listed but will look different. A color that isn't in the table at all, such as 485 C, gets "Enter a known PANTONE name or number, e.g. PANTONE 286 C."
Things to know about these values
The suffix matters. C refers to coated paper; Pantone uses U for uncoated stock, which has "no surface coating permitting maximum ink absorption into the paper", so the same ink looks different (Pantone support). Every value in this table is for a C reference, so don't use them for a U spec.
Two entries are metallics. Pantone lists 877 C in its Metallics Coated library (877 C on pantone.com), and 871 C sits in the same library. On screen you get a flat gray or khaki; the sheen of the printed ink can't be shown in a HEX.
Next steps
For the same color as rgb() numbers, use the Pantone to RGB converter. To go from a website color back to the closest ink, try the HEX to Pantone matcher. Need to break the HEX into channels or check it in a stylesheet? The HEX to RGB converter and the online CSS editor cover that.
Last updated