Fashion & Apparel

H&M Color Codes

H&M works in a red, hex #E50010, on white. The H&M color codes in Hex, RGB and CMYK can be found below. Erling Persson opened a womenswear shop called Hennes, Swedish for hers, in Vasteras in 1947; it became Hennes & Mauritz after buying a hunting and fishing outfitter and adding menswear in 1968. Its nearest peer on this site is Zara.

The H&M logo, shown for identification. H&M is a trademark of its owner and this site is not affiliated with it.

Primary colors

What are H&M Primary Colors?

H&M's primary colors are red #E50010, white #FFFFFF.

H&M publishes brand assets; the value shown matches its stated red.

H&M Red

Hex	#E50010
RGB	229, 0, 16
HSL	hsl(356, 100%, 45%)
CMYK	0%, 100%, 93%, 10%converted · approximate
Pantone	PMS 485 Cnearest match · not published by the brand

H&M White

Hex	#FFFFFF
RGB	255, 255, 255
HSL	hsl(0, 0%, 100%)
CMYK	0%, 0%, 0%, 0%converted · approximate
Pantone	PMS 656 Cnearest match · not published by the brand

H&M Hex Color Codes

H&M hex color codes are #E50010 for red and #FFFFFF for white.

Color	Hex
Red	#E50010
White	#FFFFFF

H&M RGB Color Codes

H&M RGB color codes are 229, 0, 16 for red and 255, 255, 255 for white. Reach for RGB when a tool wants channel numbers or a CSS alpha value.

Color	RGB
Red	rgb(229, 0, 16)
White	rgb(255, 255, 255)

H&M HSL Color Codes

H&M HSL color codes are 356, 100%, 45% for red and 0, 0%, 100% for white. Change the third value for a lighter or darker version without moving the hue.

Color	HSL
Red	hsl(356, 100%, 45%)
White	hsl(0, 0%, 100%)

H&M CMYK Color Code

H&M CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.

Color	CMYK
Red	0%, 100%, 93%, 10%
White	0%, 0%, 0%, 0%

H&M Pantone Color Codes

H&M Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.

Color	Nearest Pantone
Red	PMS 485 C
White	PMS 656 C

Logo

H&M Logo Colors

H&M logo colors are a red script wordmark on white, or white reversed on red.

H&M Logo Colors Palette

What the H&M Logo Colors Mean?

The H&M logo color is a single bright red, set as a loose italic script that reads as fast and cheap in the useful sense. Fast fashion runs on volume and turnover, and a warm, high-energy red on a shopfront does more to pull people in than a considered palette would.

H&M Logo Color History

H&M logo color history is short. The italic red script has been the mark since the brand went international, with only small changes to the slant and the ampersand; the earlier Hennes marks used a plainer letterform but a similar red.

H&M Logo Fonts

H&M logo fonts are a custom brush-style italic, informal and slightly uneven. A casual script such as Brush Script, tidied, is the nearest match.

H&M Logo JPG

H&M logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.

Download JPG Trademark of its owner, shown for identification.

H&M Logo PNG

H&M logo in PNG, with a transparent background. Use it over a colored surface.

Download PNG Trademark of its owner, shown for identification.

H&M Logo WebP

H&M logo in WebP. Same transparency as the PNG at about a third of the file size.

Download WEBP Trademark of its owner, shown for identification.

H&M Color Code Shades

H&M color code shades step evenly from the primary toward black, for hover states, borders and shadows.

These are interface steps, not H&M paint or trim names.

In code

Using the H&M palette

CSS custom properties

:root {
  --h-and-m-red: #E50010;
  --h-and-m-white: #FFFFFF;
}

Contrast against white

Red	4.84:1AA ✓
White	1.00:1AA ×

Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.