Skip to content
PantoneTools
yellow
Coated (C)

Pantone 101 C

#F4ED47 · rgb(244, 237, 71)

HEX

#F4ED47

RGB

rgb(244, 237, 71)

CMYK

cmyk(0%, 3%, 71%, 4%)

HSL

hsl(58, 89%, 62%)

LAB

lab(91.8, -15.9, 76.4)

What is Pantone 101 C?

Pantone 101 C is a Coated (C) PMS reference in the yellow family. Its current screen approximation on PantoneTools is #F4ED47, rgb(244, 237, 71), and cmyk(0%, 3%, 71%, 4%). 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 101 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 101 C

Yellow 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. Yellow is one of the hardest families for accessibility. It usually needs black or very dark text, and many yellow tints should be treated as accent or highlight colors rather than body-text backgrounds.

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

yellow
coated
screen-reference
pantone-approximation
proof-required

Yellow and light warm colors require careful contrast review in UI and can be strongly affected by paper color in print.

Tints, Shades & Scale

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

Complementary Palette

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

#F8F491

#F4ED47

#928E2B

#0B12B8

Accessibility

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

Black text on this color

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

White text on this color

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

Similar Pantone Colors

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

Copied #FFEF00

Pantone Process Yellow C · ΔE 3.90

#FFEF00

C
Copied #FAE100

Pantone 102 C · ΔE 5.36

#FAE100

C
Copied #F4ED7C

Pantone 100 C · ΔE 5.42

#F4ED7C

C
Copied #FEDD00

Pantone Yellow C · ΔE 7.10

#FEDD00

C
Copied #FFDD00

Pantone 108 C · ΔE 7.29

#FFDD00

C
Copied #C4D600

Pantone 382 C · ΔE 8.09

#C4D600

C

Similar RAL Colors

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

Copied #F8F32B

RAL 1018

#F8F32B

Zinc yellow

Copied #FFFF00

RAL 1026

#FFFF00

Luminous yellow

Copied #F3DA0B

RAL 1021

#F3DA0B

Rape yellow

Copied #EDFF21

RAL 1016

#EDFF21

Sulfur yellow

Copied #E1CC4F

RAL 1014

#E1CC4F

Ivory

Copied #F5D033

RAL 1017

#F5D033

Saffron yellow

Developer Exports

CSS Variables

:root {
  --p-101-c: #F4ED47;
  --p-101-c-rgb: 244 237 71;
  --p-101-c-hsl: 58 89% 62%;
}

Tailwind Scale

// tailwind.config.ts
export default {
  theme: {
    extend: {
      colors: {
        p-101-c: {
          DEFAULT: "#F4ED47",
          50: "#FEFEF0",
          100: "#FDFCE2",
          200: "#FBF9C4",
          300: "#FAF6A3",
          400: "#F7F275",
          500: "#F4ED47",
          600: "#CFC93C",
          700: "#9F9A2E",
          800: "#6E6B20",
          900: "#3D3B12",
          950: "#1D1C09",
        },
      },
    },
  },
};

Design Token JSON

{
  "name": "Pantone 101 C",
  "hex": "#F4ED47",
  "rgb": {
    "r": 244,
    "g": 237,
    "b": 71
  },
  "cmyk": {
    "c": 0,
    "m": 3,
    "y": 71,
    "k": 4
  },
  "hsl": {
    "h": 58,
    "s": 89,
    "l": 62
  },
  "lab": {
    "l": 91.8,
    "a": -15.87,
    "b": 76.44
  },
  "pantone": {
    "code": "Pantone 101 C",
    "finish": "coated",
    "family": "yellow"
  }
}

Convert Pantone 101 C

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