HEX to Pantone Converter

How to convert a HEX code to Pantone

Use the color picker or type a HEX code directly. The match updates instantly and the whole process takes a few seconds.

1. Pick a color or paste a HEX. Click the color picker to choose a shade visually or type a 6-digit HEX value such as #6E48AA into the HEX field. The picker and the text field stay in sync when the HEX is valid.
2. Read the closest Pantone match. The result card shows a live swatch of your color, the closest Pantone style name such as PANTONE 268 C and a match percentage based on color distance in RGB space.
3. Copy the Pantone code. Click Copy Pantone Code to copy the full name to your clipboard. Paste it into design briefs, brand documents or vendor messages.
4. Download a quick report. Click Download .txt to save a reference file with your input HEX, the matched Pantone name and a note that the match is approximate. Useful for client handoffs and project archives.
5. Reset when needed. Click Reset to clear the tool and start a new lookup.

Standard HEX format on the web looks like this:

#RRGGBB

For example #FF0000 is pure red and #000000 is black. The picker always returns a valid 6-digit value.

Common HEX codes and their closest Pantone® matches

The table below covers 28 widely used HEX values across seven color families, each with the closest standard Pantone style name and a typical design use case. Use the converter above for any HEX not listed here.

HEX code	Closest Pantone name	Color	Common use
Black and white
#000000	PANTONE Black C	Pure black	Body text, outlines and logos
#FFFFFF	PANTONE White	Pure white	Backgrounds and negative space
#1A1A1A	PANTONE Black 6 C	Near black	Premium print backgrounds
#F5F5F5	PANTONE 9140 C	Off white	Paper and document backgrounds
Red
#FF0000	PANTONE 485 C	Bright red	Alerts, CTAs and brand marks
#CC0000	PANTONE 1795 C	Deep red	Warning labels and safety signs
#E63946	PANTONE 1925 C	Coral red	UI accent and packaging
#B22222	PANTONE 1815 C	Firebrick red	Heritage and premium branding
Blue
#0000FF	PANTONE 2728 C	Pure blue	Hyperlinks and digital accents
#003087	PANTONE 286 C	Navy blue	Corporate identity and uniforms
#0057A8	PANTONE 285 C	Mid blue	Technology and finance brands
#5BC8F5	PANTONE 298 C	Sky blue	Healthcare and lifestyle brands
Green
#00A651	PANTONE 355 C	Vivid green	Environmental and food brands
#007A33	PANTONE 356 C	Forest green	Sustainability and organic brands
#C8E6C9	PANTONE 9542 C	Pale green	Wellness and spa palettes
#4CAF50	PANTONE 361 C	Medium green	Confirmation states and success UI
Yellow and orange
#FFD700	PANTONE 116 C	Bright yellow	Warning signs and fast food brands
#FFC107	PANTONE 7548 C	Amber yellow	Caution states and accent UI
#FF6600	PANTONE 151 C	Orange	Energy and retail brands
#E65100	PANTONE 1665 C	Deep orange	Food and automotive brands
Purple and pink
#6E48AA	PANTONE 268 C	Purple	Luxury and creative brands
#9C27B0	PANTONE 2592 C	Vivid violet	Beauty and tech brands
#E91E63	PANTONE 213 C	Hot pink	Fashion and cosmetics
#F48FB1	PANTONE 700 C	Blush pink	Wedding and lifestyle brands
Grey and neutral
#9E9E9E	PANTONE 422 C	Mid grey	UI borders and secondary text
#607D8B	PANTONE 7544 C	Blue grey	Professional and tech UI
#795548	PANTONE 7526 C	Warm brown	Coffee, food and earthen brands
#CFB997	PANTONE 7501 C	Sand	Natural and craft packaging

Note: Pantone matches in this table are closest approximations based on RGB distance. Always verify against a physical Pantone guide before committing to a print run.

Where to use your Pantone match

A Pantone style name gives your color a label that print teams, merchandise vendors and brand stakeholders already understand. Use it anywhere your screen color needs to communicate with the offline world.

Brand guidelines and style guides

Pair every brand color with a HEX value for digital and a closest Pantone style name for print. Consistent references in both formats keep logos, packaging and signage closer to the web version of your brand.

Client briefs and approvals

Drop the copied Pantone name into proposals and approval emails. Stakeholders see one shared color reference alongside the on screen swatch, which reduces revision cycles.

Print and merchandise vendors

Use the matched Pantone name as a starting reference when briefing printers, t shirt vendors or signage suppliers. Always confirm the final ink against their physical Pantone book before a paid print run.

WordPress and Elementor design teams

Keep HEX codes in your site palette for digital work and store the closest Pantone style names in your project notes for offline assets like business cards and event banners. One reference document covers both workflows. Before uploading brand images to WordPress, run them through the image compressor to reduce file size without affecting color accuracy.

HEX to Pantone converter vs manual lookup

Physical Pantone books and swatch libraries are the reliable standard for print proofs. They are slower for everyday digital work when you need a quick name to share with a colleague or vendor. The converter scores every reference swatch against your HEX using color distance in RGB space and returns the nearest Pantone style name instantly. Use it as a fast starting point and validate critical print colors with a physical Pantone chip and your printer’s ink profile.

Understanding the match percentage

The match score shows how close your HEX is to the nearest Pantone style swatch in the reference set. The score is calculated from the color distance between your input and each swatch in RGB space. A higher percentage means a closer visual match on screen. The score is a practical guide for digital workflows. This score does not replace review under controlled lighting. For precision print work always proof against a physical Pantone guide as well. Checkout related popular tools:

• PX to CM Converter
• PX to Inches Converter

Use your HEX and Pantone match with Spexo Addons for Elementor

Once you have your HEX and the matched Pantone style name, both can feed directly into your WordPress site through Spexo Addons. Apply consistent brand colors across all website design also you can use it with Spexo’s Elementor template kits using the Global Colors system below.

Save the HEX as a Spexo Global Color

Open Spexo Addons → Global Options → Global Colors and paste your HEX into the right slot. Paste your HEX into the Primary or Secondary slot, the Site Body or Link slot or any of the other available color options. Every Spexo Addons widget you build with Elementor then pulls from that global color. Update the HEX in one place and every widget that uses it follows.

Document the Pantone match next to the HEX

Inside your brand or style guide, list each Spexo Global Color with its HEX value and the closest Pantone style name from this converter. Your digital team and print team then reference the same palette in the format that fits their workflow.