Skip to content
PantoneTools
brown
Coated (C)

Pantone 7533 C

#3F3023 · rgb(63, 48, 35)

HEX

#3F3023

RGB

rgb(63, 48, 35)

CMYK

cmyk(0%, 24%, 44%, 75%)

HSL

hsl(28, 29%, 19%)

LAB

lab(21.2, 4.7, 10.9)

What is Pantone 7533 C?

Pantone 7533 C is a Coated (C) PMS reference in the brown family. Its current screen approximation on PantoneTools is #3F3023, rgb(63, 48, 35), and cmyk(0%, 24%, 44%, 75%). 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 7533 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 7533 C

Brown 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. Brown and earth tones depend heavily on substrate color. Kraft, recycled board, and uncoated stocks can make the same value feel warmer, duller, or lower contrast.

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

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.

brown
coated
screen-reference
pantone-approximation
proof-required

Browns depend heavily on substrate warmth and ink density; review them on the final paper or packaging material.

Tints, Shades & Scale

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

Complementary Palette

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

#8C837B

#3F3023

#261D15

#C0CFDC

Accessibility

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

Black text on this color

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

White text on this color

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

Similar Pantone Colors

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

Similar RAL Colors

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

Copied #382C1E

RAL 8014

#382C1E

Sepia brown

Copied #45322E

RAL 8017

#45322E

Chocolate brown

Copied #39352A

RAL 6008

#39352A

Brown green

Copied #332F2C

RAL 7022

#332F2C

Umbra grey

Copied #3E3B32

RAL 6006

#3E3B32

Grey olive

Copied #47402E

RAL 6014

#47402E

Yellow olive

Developer Exports

CSS Variables

:root {
  --p-7533-c: #3F3023;
  --p-7533-c-rgb: 63 48 35;
  --p-7533-c-hsl: 28 29% 19%;
}

Tailwind Scale

// tailwind.config.ts
export default {
  theme: {
    extend: {
      colors: {
        p-7533-c: {
          DEFAULT: "#3F3023",
          50: "#F0EEED",
          100: "#E0DEDC",
          200: "#C2BDB9",
          300: "#9F9891",
          400: "#6F645A",
          500: "#3F3023",
          600: "#36291E",
          700: "#291F17",
          800: "#1C1610",
          900: "#100C09",
          950: "#080604",
        },
      },
    },
  },
};

Design Token JSON

{
  "name": "Pantone 7533 C",
  "hex": "#3F3023",
  "rgb": {
    "r": 63,
    "g": 48,
    "b": 35
  },
  "cmyk": {
    "c": 0,
    "m": 24,
    "y": 44,
    "k": 75
  },
  "hsl": {
    "h": 28,
    "s": 29,
    "l": 19
  },
  "lab": {
    "l": 21.18,
    "a": 4.66,
    "b": 10.93
  },
  "pantone": {
    "code": "Pantone 7533 C",
    "finish": "coated",
    "family": "brown"
  }
}

Convert Pantone 7533 C

Pantone 7533 C Color Values | PantoneTools