PMS to HEX Code Lookup

Convert Pantone to HEX

Pantone to HEX conversion gives web developers and digital designers the exact hexadecimal code for any Pantone Matching System (PMS) color. Search 2,000+ Pantone Solid Coated and Uncoated swatches, copy the HEX code in one click, and paste it straight into CSS, Figma, or any design tool. This free Pantone to HEX converter maps each PMS color to its official hexadecimal equivalent for pixel-perfect digital reproduction.

Find HEX Code
INPUT

Select Your Pantone Color

Selected PANTONE 185 C
RGB 228, 0, 43
HSL 349°, 100%, 45%
Popular Pantone Colors
RESULT

HEX Color Code

HEX CODE

#E4002B

PANTONE 185 C

Color Values

Copied!
FUNDAMENTALS

What is a HEX Code?

The 6-character color language every screen and browser understands

A HEX code is a 6-digit hexadecimal string prefixed with # that represents a color in the Red-Green-Blue (RGB) color model. Each pair of characters corresponds to one channel: the first two digits control red intensity, the middle two control green, and the last two control blue. Values range from 00 (zero intensity) to FF (maximum intensity), producing 16,777,216 possible colors.

Every web browser, CSS stylesheet, and design tool from Figma to Adobe Photoshop reads HEX codes natively. When a brand guide lists #E4002B, any developer can paste that code into CSS and reproduce the exact same red on any screen — no guesswork, no approximation. HEX codes are the universal language of digital color.

Converting Pantone to HEX lets print designers translate their physical color specifications into the digital world. A packaging designer who specified Pantone 185 C for product labels can hand the web team #E4002B and guarantee the website header matches the box on the shelf, within screen calibration limits.

#E4002B
#0032A0
#00B140
#FFD100
#FF6900
USE CASES

When to Convert Pantone to HEX

5 scenarios where PMS to hexadecimal translation saves time and prevents errors

Website Development

Hover to learn more →

Front-end developers receive brand guidelines with Pantone codes but CSS only accepts HEX, RGB, or HSL. Converting Pantone to HEX gives them a copy-paste-ready value for headers, buttons, and backgrounds.

Brand Style Guides

Hover to learn more →

Brand managers build style guides that list every corporate color in Pantone, HEX, RGB, and CMYK. Pantone to HEX conversion fills the digital column of those specification tables.

Mobile App Design

Hover to learn more →

iOS and Android design systems use HEX or RGB for color definitions. App designers working with clients who specify Pantone brand colors need HEX equivalents for SwiftUI, Jetpack Compose, and Flutter.

Social Media Graphics

Hover to learn more →

Marketing teams create Instagram, LinkedIn, and YouTube graphics in Canva or Figma. These tools need HEX codes, not Pantone numbers. Pantone to HEX conversion keeps social posts on-brand.

Email Campaigns

Hover to learn more →

HTML email templates only support inline HEX colors. Email marketers converting Pantone brand colors to HEX can maintain visual consistency across Outlook, Gmail, and Apple Mail.

REFERENCE

Understanding the PMS Code Structure

How Pantone names, numbers, and suffixes map to real inks

Component Example Meaning
PrefixPANTONEBrand identifier for the Pantone Matching System
Number186Unique color index within the Pantone library
Suffix C186 CCoated — formulated for glossy or semi-gloss paper
Suffix U186 UUncoated — formulated for matte or textured paper
Suffix TCX19-1664 TCXTextile Cotton Extended — for fabric and fashion
Suffix TPG19-1664 TPGTextile Paper Green — lacquer-coated paper chips for textiles
Named ColorsProcess Blue CCommon process colors with descriptive names instead of numbers

The Coated (C) suffix is the most widely referenced Pantone format in graphic design. Our Pantone to HEX converter maps each PMS Solid Coated color to its official hexadecimal approximation as published by the Pantone Color Institute.

DEVELOPMENT

Pantone to HEX for Web Development

How front-end developers implement Pantone brand colors in code

01

Receive Brand Guidelines

The client's brand book lists primary and secondary colors as Pantone PMS codes. A typical brand guide specifies 3-6 Pantone colors — primary logo color, secondary accent, neutral tones, and alert/status colors.

02

Convert PMS to HEX

Use our Pantone to HEX converter to look up the hexadecimal equivalent for each PMS code. Copy the 6-character HEX value directly — no manual color picking or eyedropping needed.

03

Add to CSS Variables

Paste HEX codes into CSS custom properties (--color-primary: #E4002B;). This creates a single source of truth that every component references. Changing one variable updates the entire site.

WORKFLOW

Digital Color Workflows

Where Pantone to HEX conversion fits in modern design pipelines

Design System Setup

Design systems in Figma, Sketch, and Storybook define color tokens in HEX. Pantone to HEX conversion populates these tokens from the brand's physical color spec, so every component starts with verified brand colors.

Cross-Platform Consistency

A single Pantone code translates to one HEX value that works on iOS, Android, web, and desktop apps. Teams using shared design tokens avoid the "looks different on every platform" problem.

Client Review Screens

When presenting digital mockups to clients who think in Pantone, showing the PMS source alongside the HEX value builds trust. Clients see their brand color is accurately translated, not approximated.

Version Control

Storing HEX codes (derived from Pantone) in Git-tracked CSS variables creates an auditable history of brand color changes. Every update traces back to a PMS specification decision.

QUICK REFERENCE

Pantone to HEX Lookup Table

20 most-searched Pantone colors and their HEX equivalents

PMS 185 C

#E4002B

Vivid red used by sports brands and emergency signage

PMS 286 C

#0032A0

Deep blue favored by financial institutions and tech companies

PMS 354 C

#00B140

Bold green for eco labels, organic brands, and sustainability logos

PMS 109 C

#FFD100

Bright gold-yellow for retail signage and warning labels

PMS 165 C

#FF6900

Vivid orange common in food, energy, and startup branding

PMS 2726 C

#485CC7

Indigo-violet used in SaaS, creative tools, and lifestyle brands

PMS Black C

#2D2926

Standard Pantone black — slightly warm-toned, not pure #000000

PMS 320 C

#009CA6

Teal blue-green for healthcare, travel, and hospitality industries

FAQ

Pantone to HEX — Frequently Asked Questions

Common questions about converting PMS colors to hexadecimal codes

Select or search for your Pantone color in the dropdown above. The tool instantly displays the corresponding HEX code, RGB values, and a color preview swatch. Click "Copy HEX" to save the value to your clipboard.

Each Pantone Solid Coated color has an official HEX approximation published by Pantone. Our database uses these official values. The HEX code is as accurate as any screen-based representation can be — screens emit light while Pantone inks reflect it, so a perfect 1:1 match between mediums is physically impossible.

Coated (C) Pantone colors sit on glossy paper where ink stays on the surface, producing vivid tones. Uncoated (U) versions absorb into matte paper and appear softer. The same Pantone ink formula yields different visual results on each stock, so their HEX approximations differ. Our converter uses the Solid Coated library by default.

Yes. Copy the HEX code and paste it into any CSS property — color: #E4002B;, background-color: #0032A0;, or CSS custom properties like --brand-red: #E4002B;. All modern browsers support 6-digit HEX color notation.

Pantone Black C is a physical ink with a slightly warm undertone. Pure digital black (#000000) has zero red, green, and blue — an absolute absence of light. Pantone Black C contains trace warm pigments, so its closest HEX equivalent is #2D2926, which has subtle red and green values above zero.

Yes. This Pantone to HEX converter is 100% free with no sign-up, no download, and no limits. Search the full Pantone Solid Coated library, copy HEX codes, view RGB equivalents, and preview colors — all at no cost.