Pantone to HEX Converter
Find a Pantone Solid Coated color by number and copy its approximate HEX code for CSS, Figma or a brand guide.
How to use: Pantone to HEX
- 1
Search for a Pantone color
Type a code such as 286, 286 C or PMS 286 and pick it from the list.
- 2
Get the HEX code
The HEX value for screens is shown right away, along with RGB, HSL and CMYK.
- 3
Copy it
Copy the HEX code with one click, or browse the full Pantone palette below.
From Pantone to HEX
Brand guidelines usually list a Pantone number for print, and the web team needs a HEX code for the same color. Because Pantone colors are inks, the HEX value is always an on-screen approximation: Pantone 286 C, a deep royal blue, is shown here as #0032A1.
Search by number, with or without the C suffix or the PMS prefix, or by the name of a named color, and select it in the list. The HEX code appears at once, with RGB, HSL and CMYK below it. If you do not know the number, scroll through the full palette under the tool, filter it or sort it by hue, and click any swatch to load it.
Different sources give slightly different HEX values for the same Pantone color, depending on the measurement data and the conversion method. If your brand book already specifies an official HEX code, use that one for consistency.
Everything runs locally in your browser — your images are never uploaded to a server.