Skip to content
PantoneTools
cyan
Coated (C)

Pantone 304 C

#9CDBD9 · rgb(156, 219, 217)

HEX

#9CDBD9

RGB

rgb(156, 219, 217)

CMYK

cmyk(29%, 0%, 1%, 14%)

HSL

hsl(178, 47%, 74%)

LAB

lab(83.3, -20.3, -5.4)

What is Pantone 304 C?

Pantone 304 C is a Coated (C) PMS reference in the cyan family. Its current screen approximation on PantoneTools is #9CDBD9, rgb(156, 219, 217), and cmyk(29%, 0%, 1%, 14%). 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 304 C as a background and currently recommends black 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 304 C

Cyan 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. Cyan and teal colors can look clean on screen but shift on press depending on paper brightness and ink density. Check both the CMYK fallback and the nearest Pantone alternatives before vendor handoff.

  • Use Pantone 304 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 black 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 black 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.

cyan
coated
screen-reference
pantone-approximation
proof-required

Cyan and teal colors can look clean on screen but change with paper brightness, ink density, and process profile.

Tints, Shades & Scale

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

Complementary Palette

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

#C4E9E8

#9CDBD9

#5E8382

#632426

Accessibility

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

Black text on this color

Sample text · 13.55 : 1
AA Normal
AA Large
AAA Normal
AAA Large

White text on this color

Sample text · 1.55 : 1
AA Normal
AA Large
AAA Normal
AAA Large

Similar Pantone Colors

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

Copied #BBDDE6

Pantone 7457 C · ΔE 9.04

#BBDDE6

C
Copied #59CBE8

Pantone 305 C · ΔE 11.82

#59CBE8

C
Copied #B9D9EB

Pantone 290 C · ΔE 12.47

#B9D9EB

C
Copied #00C1D5

Pantone 3115 C · ΔE 12.90

#00C1D5

C
Copied #5DC2E0

Pantone 3105 C · ΔE 13.00

#5DC2E0

C
Copied #0ABAB5

Pantone 1837 C · ΔE 13.59

#0ABAB5

C

Similar RAL Colors

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

Copied #84C3BE

RAL 6027

#84C3BE

Light green

Copied #E7EBDA

RAL 9002

#E7EBDA

Grey white

Copied #B5B8B1

RAL 7038

#B5B8B1

Agate grey

Copied #BDECB6

RAL 6019

#BDECB6

Pastel green

Copied #5D9B9B

RAL 5024

#5D9B9B

Pastel blue

Copied #D7D7D7

RAL 7035

#D7D7D7

Light grey

Developer Exports

CSS Variables

:root {
  --p-304-c: #9CDBD9;
  --p-304-c-rgb: 156 219 217;
  --p-304-c-hsl: 178 47% 74%;
}

Tailwind Scale

// tailwind.config.ts
export default {
  theme: {
    extend: {
      colors: {
        p-304-c: {
          DEFAULT: "#9CDBD9",
          50: "#F7FCFC",
          100: "#EFF9F9",
          200: "#DFF3F3",
          300: "#CEEDEC",
          400: "#B5E4E3",
          500: "#9CDBD9",
          600: "#85BAB8",
          700: "#658E8D",
          800: "#466362",
          900: "#273736",
          950: "#131A1A",
        },
      },
    },
  },
};

Design Token JSON

{
  "name": "Pantone 304 C",
  "hex": "#9CDBD9",
  "rgb": {
    "r": 156,
    "g": 219,
    "b": 217
  },
  "cmyk": {
    "c": 29,
    "m": 0,
    "y": 1,
    "k": 14
  },
  "hsl": {
    "h": 178,
    "s": 47,
    "l": 74
  },
  "lab": {
    "l": 83.3,
    "a": -20.25,
    "b": -5.43
  },
  "pantone": {
    "code": "Pantone 304 C",
    "finish": "coated",
    "family": "cyan"
  }
}

Convert Pantone 304 C

Pantone → HEXPantone → RGBPantone → CMYKPantone → LABPantone → RALBrowse all colors
Pantone 304 C Color Values | PantoneTools