Pantone Warm Gray 3 C
#BFB8AF · rgb(191, 184, 175)
HEX
#BFB8AF
RGB
rgb(191, 184, 175)
CMYK
cmyk(0%, 4%, 8%, 25%)
HSL
hsl(34, 11%, 72%)
LAB
lab(75.1, 0.9, 5.4)
What is Pantone Warm Gray 3 C?
Pantone Warm Gray 3 C is a Coated (C) PMS reference in the neutral family. Its current screen approximation on PantoneTools is #BFB8AF, rgb(191, 184, 175), and cmyk(0%, 4%, 8%, 25%). 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 Warm Gray 3 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 Warm Gray 3 C
Neutral 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. Neutral colors are useful for surfaces, borders, and typography systems. Confirm small differences between adjacent grays remain visible in low-quality displays and print proofs.
- Use Pantone Warm Gray 3 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.
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.
Neutral colors are useful for systems, surfaces, and typography but need contrast and adjacent-gray checks across displays and print proofs.
Tints, Shades & Scale
A balanced 11-step scale derived from Pantone Warm Gray 3 C for design system use.
Complementary Palette
Quick palette of tint, base, shade, and complement for layout exploration.
#D9D4CF
#BFB8AF
#736E69
#404750
Accessibility
WCAG 2.1 contrast checks for Pantone Warm Gray 3 C as a background.
Black text on this color
White text on this color
Similar Pantone Colors
Top 6 ΔE2000-closest Pantones to Pantone Warm Gray 3 C (same finish).
Pantone Warm Gray 4 C · ΔE 3.16
#B6ADA5
CPantone Warm Gray 2 C · ΔE 4.70
#CECAC2
CPantone Cool Gray 4 C · ΔE 5.30
#BBBCBC
CPantone Cool Gray 5 C · ΔE 5.81
#B1B3B3
CPantone Cool Gray 3 C · ΔE 6.14
#C8C9C7
CPantone Warm Gray 5 C · ΔE 6.29
#A8A29A
CSimilar RAL Colors
Top 6 ΔE2000-closest RAL Classic references to Pantone Warm Gray 3 C. RAL approximations are not interchangeable with Pantone spot colors; use as a cross-reference for industrial coatings and powder coat workflows.
RAL 7038
#B5B8B1
Agate grey
RAL 7044
#CAC4B0
Silk grey
RAL 9006
#A5A5A5
White aluminium
RAL 7035
#D7D7D7
Light grey
RAL 9018
#D7D7D7
Papyrus white
RAL 7004
#9EA0A1
Signal grey
Developer Exports
CSS Variables
:root {
--p-warm-gray-3-c: #BFB8AF;
--p-warm-gray-3-c-rgb: 191 184 175;
--p-warm-gray-3-c-hsl: 34 11% 72%;
}Tailwind Scale
// tailwind.config.ts
export default {
theme: {
extend: {
colors: {
p-warm-gray-3-c: {
DEFAULT: "#BFB8AF",
50: "#FAF9F9",
100: "#F5F4F2",
200: "#EBE8E5",
300: "#DFDCD7",
400: "#CFCAC3",
500: "#BFB8AF",
600: "#A29C95",
700: "#7C7872",
800: "#56534F",
900: "#302E2C",
950: "#171615",
},
},
},
},
};Design Token JSON
{
"name": "Pantone Warm Gray 3 C",
"hex": "#BFB8AF",
"rgb": {
"r": 191,
"g": 184,
"b": 175
},
"cmyk": {
"c": 0,
"m": 4,
"y": 8,
"k": 25
},
"hsl": {
"h": 34,
"s": 11,
"l": 72
},
"lab": {
"l": 75.11,
"a": 0.88,
"b": 5.44
},
"pantone": {
"code": "Pantone Warm Gray 3 C",
"finish": "coated",
"family": "neutral"
}
}