Pantone to HEX Converter
Look up the sRGB HEX equivalent of any Pantone color. Ideal when porting brand swatches into web design, CSS, or digital UI.
- Search by Pantone code or name
- Instant HEX + RGB + CMYK + Lab
- Copy-ready format for CSS, Figma, Tailwind
Direct answer
Pantone to HEX Converter Tool
Pantone Library → HEX
Pantone 186 C
#C8102E
HEX
#C8102E
RGB
rgb(200, 16, 46)
CMYK
cmyk(0%, 92%, 77%, 22%)
HSL
hsl(350, 85%, 42%)
HSV
hsv(350, 92%, 78%)
LAB
lab(42.5, 65.9, 35.7)
When you actually need this
Real production scenarios where the pantone to hex converter saves time, prevents reprints, or unblocks a workflow.
Define the digital arm of a print brand
Bring printed brand into a Figma library
Generate CSS custom properties from a Pantone palette
Email templates that match the print campaign
Investor deck colors aligned to brand
Social media tile background color
How it works
The methodology — every step is documented so the answer is reproducible, not magic.
Find Pantone
Use the search to filter by code or name.
Read HEX
Our reference set provides the widely-published sRGB HEX for each Pantone.
Copy
One click copies #RRGGBB ready to paste into CSS or design tools.
Cross-check
Always verify against a physical guide for production-critical color.
Worked examples
Concrete inputs and the matches the tool returns. Useful for spot-checking expected behavior before you trust the output for a real job.
| Input | Result | Notes |
|---|---|---|
| Pantone 186 C | #C8102E | Classic strong red — Coca-Cola brand range. HEX renders close on a calibrated sRGB display. |
| Pantone 286 C | #0033A0 | Deep blue used by NASA, Samsung; HEX is darker on screen than the spot ink appears on coated paper. |
| Pantone 165 C | #FF6900 | Vivid orange — Nickelodeon-style. sRGB can hit this saturation; HEX preview is accurate. |
| Pantone 354 C | #00B140 | Bright green near Spotify brand. Close sRGB representation; minor desaturation possible vs. printed spot. |
| Pantone 805 C | #FE6850 | Fluorescent orange — out of sRGB gamut. HEX is the closest sRGB clip; printed swatch glows noticeably brighter under daylight. |
Common mistakes to avoid
Trusting one HEX value across coated and uncoated
Using Pantone HEX inside a print file
Expecting the HEX to render identically across browsers
Pulling HEX from a screenshot instead of the source
Frequently Asked Questions
What a Pantone HEX value actually represents
HEX is 24-bit sRGB shorthand. A value like #C8102E encodes three 8-bit channels — red 200, green 16, blue 46 — interpreted in the sRGB color space defined by IEC 61966-2-1. That space has a D65 white point and a specific gamma curve, tuned for CRT and modern LCD displays.
A Pantone spot color is a physical ink with a spectral reflectance curve. To produce a HEX value, Pantone (or a third-party color manager) measures the ink’s appearance under a standardized illuminant, converts the spectral data to CIE XYZ, then to sRGB. The HEX is the resulting screen approximation — not a defining property of the ink.
Why this HEX is an approximation, not a spec
Many Pantone colors fall outside the sRGB gamut. Reflex Blue, Warm Red, fluorescents (800 series), and most metallics cannot be reproduced on a standard sRGB display. The HEX shown for those Pantones is the closest sRGB point — visibly less saturated than the physical chip.
Even within-gamut Pantones suffer from rounding in the spectral -> sRGB pipeline. Pantone’s own Color Manager has updated its published HEX values multiple times as their reference printing conditions evolve. Treat any published HEX as a working approximation, not a fixed spec.
HEX precision for design work
- For digital UI: copy the HEX directly into CSS, Figma, or Tailwind. The result is consistent across sRGB browsers and platforms.
- For brand documentation: pair the HEX with the source Pantone code (e.g. “Primary: Pantone 186 C / #C8102E”) so future designers can re-derive if standards change.
- For print: ignore the HEX. Specify the Pantone code on the press order and let the printer mix to the spectral target.
- For wide-gamut workflows: if you author in Display P3 or Adobe RGB, recompute the HEX equivalent in your target space — the sRGB HEX shown here will clip on some Pantones.
Should you use Coated, Uncoated, or another finish HEX?
Pantone publishes separate guides for Coated (C), Uncoated (U), Matte (M), Pastels & Neons, Metallic, and TPG/TCX (textile). Each has its own published HEX for the same nominal color. The right finish depends on where the brand lives most often: packaging usually anchors on Coated, apparel on TPG or TCX, stationery on Uncoated. For a digital-first brand, choose the finish that matches the highest-volume physical touchpoint.