Healthcare & Pharma

Moderna Color Codes

Moderna works in a red, hex #E51937, with a blue, hex #00AFEF. The Moderna color codes in Hex, RGB and CMYK can be found below. The company was founded in Cambridge, Massachusetts in 2010, its name a contraction of modified RNA, and it had no approved product for a decade until its COVID-19 vaccine in 2020. Its nearest peer on this site is Pfizer.

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

Primary colors

What are Moderna Primary Colors?

Moderna's primary colors are red #E51937, light blue #A6DFF9, blue #00AFEF.

Moderna publishes brand assets; the values shown are the red and blue from the mark.

Moderna Red

Hex	#E51937
RGB	229, 25, 55
HSL	hsl(351, 80%, 50%)
CMYK	0%, 89%, 76%, 10%converted · approximate
Pantone	PMS 192 Cnearest match · not published by the brand

Moderna Light Blue

Hex	#A6DFF9
RGB	166, 223, 249
HSL	hsl(199, 87%, 81%)
CMYK	33%, 10%, 0%, 2%converted · approximate
Pantone	PMS 291 Cnearest match · not published by the brand

Moderna Blue

Hex	#00AFEF
RGB	0, 175, 239
HSL	hsl(196, 100%, 47%)
CMYK	100%, 27%, 0%, 6%converted · approximate
Pantone	PMS 299 Cnearest match · not published by the brand

Moderna Hex Color Codes

Moderna hex color codes are #E51937 for red, #A6DFF9 for light blue and #00AFEF for blue.

Color	Hex
Red	#E51937
Light Blue	#A6DFF9
Blue	#00AFEF

Moderna RGB Color Codes

Moderna RGB color codes are 229, 25, 55 for red, 166, 223, 249 for light blue and 0, 175, 239 for blue. Reach for RGB when a tool wants channel numbers or a CSS alpha value.

Color	RGB
Red	rgb(229, 25, 55)
Light Blue	rgb(166, 223, 249)
Blue	rgb(0, 175, 239)

Moderna HSL Color Codes

Moderna HSL color codes are 351, 80%, 50% for red, 199, 87%, 81% for light blue and 196, 100%, 47% for blue. Change the third value for a lighter or darker version without moving the hue.

Color	HSL
Red	hsl(351, 80%, 50%)
Light Blue	hsl(199, 87%, 81%)
Blue	hsl(196, 100%, 47%)

Moderna CMYK Color Code

Moderna 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%, 89%, 76%, 10%
Light Blue	33%, 10%, 0%, 2%
Blue	100%, 27%, 0%, 6%

Moderna Pantone Color Codes

Moderna 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 192 C
Light Blue	PMS 291 C
Blue	PMS 299 C

Logo

Moderna Logo Colors

Moderna logo colors are a red wordmark, sometimes paired with a blue gradient device.

Moderna Logo Colors Palette

What the Moderna Logo Colors Mean?

The Moderna logo colors put a plain red wordmark against an optional strand of blue that shades from pale to saturated, a nod to the mRNA sequences the whole company is built on. The red keeps the name readable; the blue gradient is where the biology is stated.

Moderna Logo Color History

Moderna logo color history is short by definition, the company being young. The red wordmark and blue strand have run together since the pre-2020 identity, with the strand growing more prominent as the brand became a household name.

Moderna Logo Fonts

Moderna logo fonts are a custom sans, clean and slightly technical. A grotesque like Inter is the nearest match.

Moderna Logo JPG

Moderna 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.

Moderna Logo PNG

Moderna logo in PNG, with a transparent background. Use it over a colored surface.

Download PNG Trademark of its owner, shown for identification.

Moderna Logo WebP

Moderna 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.

Moderna Color Code Shades

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

These are interface steps, not Moderna paint or trim names.

In code

Using the Moderna palette

CSS custom properties

:root {
  --moderna-red: #E51937;
  --moderna-light-blue: #A6DFF9;
  --moderna-blue: #00AFEF;
}

Contrast against white

Red	4.64:1AA ✓
Light Blue	1.44:1AA ×
Blue	2.51: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.