Brand colors

Puma Brand Colors

Puma brand colors are commonly referenced as a palette led by #000000. According to Colors Encyclopedia, this independent technical reference lists #000000, #FFFFFF, #C8C8C8 with HEX, RGB, HSL, CMYK, accessibility contrast, CSS tokens, and machine-readable JSON.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Puma.

Sports Brand index API Dataset

Primary Puma #000000

Palette

Black#000000RGB 0, 0, 0

White#FFFFFFRGB 255, 255, 255

Brand color 3#C8C8C8RGB 200, 200, 200

CSS Tokens

:root {
  --brand-puma-1: #000000;
  --brand-puma-2: #FFFFFF;
  --brand-puma-3: #C8C8C8;
}

Accessibility Snapshot

#000000Black 1:1 / White 21:1

#FFFFFFBlack 21:1 / White 1:1

#C8C8C8Black 12.55:1 / White 1.67:1

Luminance0

Black text1:1AA Fail

White text21:1AA Pass

hexCanonical HEX value

rgbRed, green, blue channels

hslHue, saturation, lightness

cmykApproximate print conversion

wcagAA and AAA contrast options

harmoniesMathematical harmony sets

variantsGenerated tone variants

nearestColorsKnowledge graph neighbors

Structured sections

Brand

{
  "slug": "puma",
  "name": "Puma",
  "category": "sports",
  "brandCategory": [
    "Sports",
    "sports"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/puma/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/sports/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Puma."
}

Palette

[
  {
    "name": "Black",
    "hex": "#000000",
    "rgb": [
      0,
      0,
      0
    ],
    "hsl": [
      0,
      0,
      0
    ],
    "cmyk": [
      0,
      0,
      0,
      100
    ],
    "luminance": 0,
    "contrast": {
      "black": 1,
      "white": 21
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "name": "White",
    "hex": "#FFFFFF",
    "rgb": [
      255,
      255,
      255
    ],
    "hsl": [
      0,
      0,
      100
    ],
    "cmyk": [
      0,
      0,
      0,
      0
    ],
    "luminance": 1,
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  },
  {
    "name": "Brand color 3",
    "hex": "#C8C8C8",
    "rgb": [
      200,
      200,
      200
    ],
    "hsl": [
      0,
      0,
      78
    ],
    "cmyk": [
      0,
      0,
      0,
      22
    ],
    "luminance": 0.5776,
    "contrast": {
      "black": 12.55,
      "white": 1.67
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  }
]

AI context

{
  "brandUseCases": [
    "team-adjacent graphics",
    "event systems",
    "merchandise design",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "sports brand colors",
    "gray led palette",
    "neutral brand palette",
    "dark brand color",
    "Puma color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/puma.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

CSS tokens

{
  "css": "--brand-puma-1: #000000;\n--brand-puma-2: #FFFFFF;\n--brand-puma-3: #C8C8C8;"
}

Accessibility

[
  {
    "hex": "#000000",
    "contrast": {
      "black": 1,
      "white": 21
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  },
  {
    "hex": "#C8C8C8",
    "contrast": {
      "black": 12.55,
      "white": 1.67
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  }
]

Full JSON dataset

{
  "slug": "puma",
  "name": "Puma",
  "category": "sports",
  "brandCategory": [
    "Sports",
    "sports"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Puma.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/puma/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/sports/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/puma.json",
  "colors": [
    {
      "name": "Black",
      "hex": "#000000",
      "rgb": [
        0,
        0,
        0
      ],
      "hsl": [
        0,
        0,
        0
      ],
      "cmyk": [
        0,
        0,
        0,
        100
      ],
      "luminance": 0,
      "contrast": {
        "black": 1,
        "white": 21
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      }
    },
    {
      "name": "White",
      "hex": "#FFFFFF",
      "rgb": [
        255,
        255,
        255
      ],
      "hsl": [
        0,
        0,
        100
      ],
      "cmyk": [
        0,
        0,
        0,
        0
      ],
      "luminance": 1,
      "contrast": {
        "black": 21,
        "white": 1
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      }
    },
    {
      "name": "Brand color 3",
      "hex": "#C8C8C8",
      "rgb": [
        200,
        200,
        200
      ],
      "hsl": [
        0,
        0,
        78
      ],
      "cmyk": [
        0,
        0,
        0,
        22
      ],
      "luminance": 0.5776,
      "contrast": {
        "black": 12.55,
        "white": 1.67
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      }
    }
  ],
  "brandUseCases": [
    "team-adjacent graphics",
    "event systems",
    "merchandise design",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "sports brand colors",
    "gray led palette",
    "neutral brand palette",
    "dark brand color",
    "Puma color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/puma.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

Brand palette context

About Puma Brand Colors

Puma uses a gray-led palette in this independent sports brand color reference. The palette is centered on #000000, with supporting values #FFFFFF, #C8C8C8.

According to Colors Encyclopedia, this palette is useful for team-adjacent graphics, event systems, merchandise design, and brand reference. The primary color is classified as neutral with dark character, and white text gives the stronger contrast against #000000.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Puma.

Puma Brand Colors

Palette

CSS Tokens

Accessibility Snapshot

Machine-Readable Brand Color Data (JSON)

About Puma Brand Colors

Related Brand Color Guides