Beverages

Coca-Cola Color Codes

Coca-Cola's color is a single red, hex #F40009, on the Spencerian script. The Coca-Cola color codes in Hex, RGB and CMYK can be found below. John Pemberton, a pharmacist, mixed the first batch in Atlanta in 1886; his bookkeeper Frank Mason Robinson named the drink and drew the flowing wordmark. Its rival for over a century is Pepsi.

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

Primary colors

What are Coca-Cola Primary Colors?

Coca-Cola's primary colors are red #F40009, white #FFFFFF, black #000000.

Coca-Cola Red is published in the company's brand guidelines; the CMYK shown is a conversion.

Coca-Cola Red

Hex	#F40009
RGB	244, 0, 9
HSL	hsl(358, 100%, 48%)
CMYK	0%, 100%, 96%, 4%converted · approximate
Pantone	PMS 485 Cnearest match · not published by the brand

Coca-Cola 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

Coca-Cola Black

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

Coca-Cola Hex Color Codes

Coca-Cola hex color codes are #F40009 for red, #FFFFFF for white and #000000 for black.

Color	Hex
Red	#F40009
White	#FFFFFF
Black	#000000

Coca-Cola RGB Color Codes

Coca-Cola RGB color codes are 244, 0, 9 for red, 255, 255, 255 for white and 0, 0, 0 for black. Reach for RGB when a tool wants channel numbers or a CSS alpha value.

Color	RGB
Red	rgb(244, 0, 9)
White	rgb(255, 255, 255)
Black	rgb(0, 0, 0)

Coca-Cola HSL Color Codes

Coca-Cola HSL color codes are 358, 100%, 48% for red, 0, 0%, 100% for white and 0, 0%, 0% for black. Change the third value for a lighter or darker version without moving the hue.

Color	HSL
Red	hsl(358, 100%, 48%)
White	hsl(0, 0%, 100%)
Black	hsl(0, 0%, 0%)

Coca-Cola CMYK Color Code

Coca-Cola 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%, 96%, 4%
White	0%, 0%, 0%, 0%
Black	0%, 0%, 0%, 100%

Coca-Cola Pantone Color Codes

Coca-Cola 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
Black	PMS 419 C

Logo

Coca-Cola Logo Colors

Coca-Cola logo colors are red and white, the script reversed out where it sits on red.

Coca-Cola Logo Colors Palette

What the Coca-Cola Logo Colors Mean?

The Coca-Cola logo colors were settled early and left alone. Red and white had taken over the signage and the barrels by the early 1900s, red for the shelf and white for legibility, and the company has guarded that exact red ever since. The script itself is Spencerian, a formal handwriting style taught in American schools when Robinson drew it in 1886.

Coca-Cola Logo Color History

Coca-Cola logo color history is one of near-total consistency. The wordmark has been tidied a handful of times, the contour bottle joined it in 1915, and a white 'dynamic ribbon' wave was added in the 1970s, but the red and the script have not really moved in 135 years.

Coca-Cola Logo Fonts

Coca-Cola logo fonts are the Spencerian script, custom and trademarked. TCCC Unity is the matching text family; neither is licensed out.

Coca-Cola Logo JPG

Coca-Cola 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.

Coca-Cola Logo PNG

Coca-Cola logo in PNG, with a transparent background. Use it over a colored surface.

Download PNG Trademark of its owner, shown for identification.

Coca-Cola Logo WebP

Coca-Cola 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.

Coca-Cola Color Code Shades

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

These are interface steps, not Coca-Cola paint or trim names.

In code

Using the Coca-Cola palette

CSS custom properties

:root {
  --coca-cola-red: #F40009;
  --coca-cola-white: #FFFFFF;
  --coca-cola-black: #000000;
}

Contrast against white

Red	4.33:1AA ×
White	1.00:1AA ×
Black	21.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.