blue

Coated (C)

Pantone 308 C

#00558C · rgb(0, 85, 140)

HEX

#00558C

RGB

rgb(0, 85, 140)

CMYK

cmyk(100%, 39%, 0%, 45%)

HSL

hsl(204, 100%, 27%)

LAB

lab(34.8, 0.1, -36.5)

What is Pantone 308 C?

Pantone 308 C is a Coated (C) PMS reference in the blue family. Its current screen approximation on PantoneTools is #00558C, rgb(0, 85, 140), and cmyk(100%, 39%, 0%, 45%). Use it when you need a quick Pantone to HEX, Pantone to RGB, or Pantone to CMYK lookup for brand exploration, UI palettes, and print handoff conversations. For accessibility, this page tests Pantone 308 C as a background and currently recommends white text as the safer default before final contrast review. The tints, shades, complementary palette, and developer exports are generated from the same sRGB value so teams can keep web tokens and design notes aligned. These digital values are approximations rather than licensed Pantone specifications; confirm production-critical color with a current physical guide, D50 lighting, and a printer proof.

Workflow context for Pantone 308 C

Blue coated production notes

Because this is a coated-paper reference, use it for glossy stock, laminated labels, premium cartons, and spot-color conversations where ink sits on a less absorbent surface. Do not assume the same visual result on kraft, recycled, or uncoated paper without a separate proof. Blue brand colors are often stable in digital systems but can darken or purple-shift in print. Keep a clear distinction between spot, CMYK fallback, and UI token values.

Use Pantone 308 C as a digital reference first, then confirm production work against a physical guide or approved proof.
Record the approved coated value separately from CMYK, HEX, RGB, and design-token fallbacks.
For UI or web use, pair this color with white text only after checking the actual contrast ratio in context.
When sending to a vendor, include the expected substrate, lighting condition, and approval owner instead of only sending a HEX value.

Use this color with

Brand consistency systemsDocument Pantone, CMYK, HEX, RGB, and tolerance rules together.Accessibility workflowReview whether white text is acceptable for real UI use.Coated vs uncoatedUnderstand why the same PMS number changes across paper finish.

Data provenance

Curated community sRGB approximations

Hand-curated approximate sRGB visual equivalents for screen preview and matching workflows. This is not an official Pantone licensed value source. Use for educational lookup, digital previews, nearest-color matching, accessibility checks, and workflow planning. Confirm production color against physical guides, licensed values, or printer proofs.

Source type: community-reference
Confidence: low
Last reviewed: 2026-05-23

Scale metadata

These fields are used by the scale audit before any larger color-directory expansion. They are intentionally conservative because current values are approximate screen references.

blue

coated

screen-reference

pantone-approximation

proof-required

Deep blues can purple-shift or darken in process print. Keep spot, CMYK, and digital token values documented separately.

Tints, Shades & Scale

A balanced 11-step scale derived from Pantone 308 C for design system use.

Complementary Palette

Quick palette of tint, base, shade, and complement for layout exploration.

#6699BA

#00558C

#003354

#FFAA73

Accessibility

WCAG 2.1 contrast checks for Pantone 308 C as a background.

Black text on this color

Sample text · 2.68 : 1

AA Normal

AA Large

AAA Normal

AAA Large

White text on this color

Sample text · 7.84 : 1

AA Normal

AA Large

AAA Normal

AAA Large

Similar Pantone Colors

Top 6 ΔE2000-closest Pantones to Pantone 308 C (same finish).

Copied #1F4E79

Pantone 7686 C · ΔE 3.55

#1F4E79

Copied #004B87

Pantone 301 C · ΔE 3.72

#004B87

Copied #0F4D92

Pantone 7462 C · ΔE 4.26

#0F4D92

Copied #005EB8

Pantone 300 C · ΔE 6.07

#005EB8

Copied #0067A5

Pantone 307 C · ΔE 6.44

#0067A5

Copied #3A5DAE

Pantone 7455 C · ΔE 8.19

#3A5DAE

Similar RAL Colors

Top 6 ΔE2000-closest RAL Classic references to Pantone 308 C. RAL approximations are not interchangeable with Pantone spot colors; use as a cross-reference for industrial coatings and powder coat workflows.

Copied #1B5583

RAL 5019

#1B5583

Capri blue

Copied #3E5F8A

RAL 5007

#3E5F8A

Brilliant blue

Copied #354D73

RAL 5000

#354D73

Violet blue

Copied #49678D

RAL 5023

#49678D

Distant blue

Copied #063971

RAL 5017

#063971

Traffic blue

Copied #2271B3

RAL 5015

#2271B3

Sky blue

Developer Exports

CSS Variables

:root {
  --p-308-c: #00558C;
  --p-308-c-rgb: 0 85 140;
  --p-308-c-hsl: 204 100% 27%;
}

Tailwind Scale

// tailwind.config.ts
export default {
  theme: {
    extend: {
      colors: {
        p-308-c: {
          DEFAULT: "#00558C",
          50: "#EBF1F6",
          100: "#D6E4ED",
          200: "#ADC9DA",
          300: "#80AAC6",
          400: "#4080A9",
          500: "#00558C",
          600: "#004877",
          700: "#00375B",
          800: "#00263F",
          900: "#001523",
          950: "#000A11",
        },
      },
    },
  },
};

Design Token JSON

{
  "name": "Pantone 308 C",
  "hex": "#00558C",
  "rgb": {
    "r": 0,
    "g": 85,
    "b": 140
  },
  "cmyk": {
    "c": 100,
    "m": 39,
    "y": 0,
    "k": 45
  },
  "hsl": {
    "h": 204,
    "s": 100,
    "l": 27
  },
  "lab": {
    "l": 34.78,
    "a": 0.06,
    "b": -36.53
  },
  "pantone": {
    "code": "Pantone 308 C",
    "finish": "coated",
    "family": "blue"
  }
}

Convert Pantone 308 C

Pantone → HEX Pantone → RGB Pantone → CMYK Pantone → LAB Pantone → RAL Browse all colors