Beverages
Pepsi Color Codes
Pepsi pairs a blue, hex #005891, with a red, #EB1D39, on the globe and the wordmark. The Pepsi color codes in Hex, RGB and CMYK can be found below. Caleb Bradham, a pharmacist in New Bern, North Carolina, sold it as Brad's Drink from 1893 and renamed it Pepsi-Cola in 1898. Its rival for over a century is Coca-Cola.
Primary colors
What are Pepsi Primary Colors?
Pepsi's primary colors are pepsi blue #005891, pepsi red #EB1D39, white #FFFFFF.
Pepsi publishes brand assets; the CMYK shown is a conversion.
Pepsi Pepsi Blue
| Hex | #005891 |
|---|---|
| RGB | 0, 88, 145 |
| HSL | hsl(204, 100%, 28%) |
| CMYK | 100%, 39%, 0%, 43%converted · approximate |
| Pantone | PMS 301 Cnearest match · not published by the brand |
Pepsi Pepsi Red
| Hex | #EB1D39 |
|---|---|
| RGB | 235, 29, 57 |
| HSL | hsl(352, 84%, 52%) |
| CMYK | 0%, 88%, 76%, 8%converted · approximate |
| Pantone | PMS 192 Cnearest match · not published by the brand |
Pepsi 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 |
Pepsi Hex Color Codes
Pepsi hex color codes are #005891 for pepsi blue, #EB1D39 for pepsi red and #FFFFFF for white.
| Color | Hex |
|---|---|
| Pepsi Blue | #005891 |
| Pepsi Red | #EB1D39 |
| White | #FFFFFF |
Pepsi RGB Color Codes
Pepsi RGB color codes are 0, 88, 145 for pepsi blue, 235, 29, 57 for pepsi red and 255, 255, 255 for white. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Pepsi Blue | rgb(0, 88, 145) |
| Pepsi Red | rgb(235, 29, 57) |
| White | rgb(255, 255, 255) |
Pepsi HSL Color Codes
Pepsi HSL color codes are 204, 100%, 28% for pepsi blue, 352, 84%, 52% for pepsi red and 0, 0%, 100% for white. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Pepsi Blue | hsl(204, 100%, 28%) |
| Pepsi Red | hsl(352, 84%, 52%) |
| White | hsl(0, 0%, 100%) |
Pepsi CMYK Color Code
Pepsi CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Pepsi Blue | 100%, 39%, 0%, 43% |
| Pepsi Red | 0%, 88%, 76%, 8% |
| White | 0%, 0%, 0%, 0% |
Pepsi Pantone Color Codes
Pepsi Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Pepsi Blue | PMS 301 C |
| Pepsi Red | PMS 192 C |
| White | PMS 656 C |
Logo
Pepsi Logo Colors
Pepsi logo colors are red, white and blue, split across the circular globe.
Pepsi Logo Colors Palette
What the Pepsi Logo Colors Mean?
The Pepsi logo colors are a wartime choice that stuck. Pepsi adopted red, white and blue for its bottle caps during the Second World War as a show of support, and the palette outlived the reason. The circle, known inside the company as the globe, was pulled off the cap and made a standalone mark in 1969, with a white band separating the red top from the blue bottom.
Pepsi Logo Color History
Pepsi logo color history runs from a red script in 1898, through the red-white-blue cap of the 1940s, to the globe of 1969. The 2008 version stretched the white band into a smile; a 2023 update deepened the blue and brought back a bolder wordmark.
Pepsi Logo Fonts
Pepsi logo fonts are a custom sans, redrawn with each identity and not released. A rounded geometric sans is the nearest match.
Pepsi Logo JPG
Pepsi logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Pepsi Logo PNG
Pepsi logo in PNG, with a transparent background. Use it over a colored surface.
Pepsi Logo WebP
Pepsi logo in WebP. Same transparency as the PNG at about a third of the file size.
Pepsi Color Code Shades
Pepsi color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Pepsi paint or trim names.
In code
Using the Pepsi palette
CSS custom properties
:root {
--pepsi-pepsi-blue: #005891;
--pepsi-pepsi-red: #EB1D39;
--pepsi-white: #FFFFFF;
}Contrast against white
| Pepsi Blue | 7.49:1AA ✓ |
|---|---|
| Pepsi Red | 4.41: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.