Colors Encyclopedia

Brand colors

H&M Brand Colors

H&M palette: #CC071E, #FFFFFF, #000000. Compare HEX/RGB, WCAG contrast and CSS tokens; open independent JSON data.

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

RetailBrand indexAPIDataset
Commonly referenced palette H&M
#CC071E#FFFFFF#000000
Listed without an implied color hierarchy

Palette

Palette color 1#CC071ERGB 204, 7, 30
White#FFFFFFRGB 255, 255, 255
Black#000000RGB 0, 0, 0

CSS Tokens

:root {
  --brand-hm-1: #CC071E;
  --brand-hm-2: #FFFFFF;
  --brand-hm-3: #000000;
}

Accessibility Snapshot

#CC071EBlack 3.62:1 / White 5.81:1
#FFFFFFBlack 21:1 / White 1:1
#000000Black 1:1 / White 21:1

Brand palette context · Editorially reviewed

About H&M Brand Colors

H&M's red wordmark grew from a small Swedish retail story. Founder Erling Persson opened Hennes—Swedish for 'Hers'—in Västerås in 1947 and designed its early logotype himself. After acquiring Mauritz Widforss in 1968, the business became Hennes & Mauritz; stores adopted the compact H&M abbreviation in 1974 as the company expanded beyond its original womenswear offer.

The red, white, and black palette leaves campaigns, garments, photography, and store environments room to change while the wordmark remains stable. That flexibility does not make the handwritten lettering a generic font. Independent retail interfaces can reserve red for key brand moments, use black for durable text, and provide non-color cues for price changes, errors, and availability.

This independent historical reference does not distribute H&M artwork, represent a retailer or supplier, imply affiliation, or grant trademark and campaign-asset rights.

Downloadable brand colors infographic

H&M Brand Colors Infographic

Save an independent infographic of the commonly referenced H&M HEX palette and its accessibility guidance. No logo or proprietary artwork is included.

1200 × 800
H&M brand colors infographic showing its commonly referenced HEX palette and accessibility guidance for every listed color without assigning a color hierarchy.
H&M brand colors infographic. Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by H&M.
Download WebPDownload SVGOpen full size

Machine-readable data

Machine-Readable Brand Color Data (JSON)

Structured brand palette data for design systems, references, automations, and AI ingestion.

AI-Ready Dataset v1.0.0
Luminance0.1308
Black text3.62:1AA Fail
White text5.81: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
Download JSON Open API
Structured sections
Brand
{
  "slug": "hm",
  "name": "H&M",
  "category": "retail",
  "brandCategory": [
    "Retail",
    "retail"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/hm/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/retail/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by H&M."
}
Palette
[
  {
    "name": "Palette color 1",
    "hex": "#CC071E",
    "rgb": [
      204,
      7,
      30
    ],
    "hsl": [
      353,
      93,
      41
    ],
    "cmyk": [
      0,
      97,
      85,
      20
    ],
    "luminance": 0.1308,
    "contrast": {
      "black": 3.62,
      "white": 5.81
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "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": "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"
      ]
    }
  }
]
AI context
{
  "brandUseCases": [
    "commerce UI",
    "packaging",
    "storefront design",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "retail brand colors",
    "red brand palette",
    "gray brand palette",
    "warm brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "light brand color",
    "dark brand color",
    "H&M color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/hm.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
CSS tokens
{
  "css": "--brand-hm-1: #CC071E;\n--brand-hm-2: #FFFFFF;\n--brand-hm-3: #000000;"
}
Accessibility
[
  {
    "hex": "#CC071E",
    "contrast": {
      "black": 3.62,
      "white": 5.81
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  },
  {
    "hex": "#000000",
    "contrast": {
      "black": 1,
      "white": 21
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  }
]
Full JSON dataset 
{
  "slug": "hm",
  "name": "H&M",
  "category": "retail",
  "brandCategory": [
    "Retail",
    "retail"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by H&M.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/hm/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/retail/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/hm.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#CC071E",
      "rgb": [
        204,
        7,
        30
      ],
      "hsl": [
        353,
        93,
        41
      ],
      "cmyk": [
        0,
        97,
        85,
        20
      ],
      "luminance": 0.1308,
      "contrast": {
        "black": 3.62,
        "white": 5.81
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": []
      }
    },
    {
      "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": "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"
        ]
      }
    }
  ],
  "brandUseCases": [
    "commerce UI",
    "packaging",
    "storefront design",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "retail brand colors",
    "red brand palette",
    "gray brand palette",
    "warm brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "light brand color",
    "dark brand color",
    "H&M color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/hm.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
Dataset manifest Version 1.0.0 Build hash published in manifest Canonical page

Related Brand Color Guides

Retail brand colorsBrowse all retail brand color references.Adidas brand colorsCompare another retail palette.Aldi brand colorsCompare another retail palette.Best Buy brand colorsCompare another retail palette.Costco brand colorsCompare another retail palette.Pringles similar paletteOpen a palette with a nearby first-listed color value.Tim Hortons similar paletteOpen a palette with a nearby first-listed color value.Nissan similar paletteOpen a palette with a nearby first-listed color value.Venetian Red colorOpen the nearest named color reference.H&M APIOpen the machine-readable brand color JSON.