Food & Restaurants
Campbell's Color Codes
Campbell's works in a red, hex #BA0018, and white, split across the can label. The Campbell's color codes in Hex, RGB and CMYK can be found below. The company dates to 1869 in Camden, New Jersey; the red-and-white label arrived in 1898. Its counterpart on the supermarket shelf is Heinz.
Primary colors
What are Campbell's Primary Colors?
Campbell's's primary colors are campbells red #BA0018, white #FFFFFF, gold #C5960C.
Campbell's publishes no open hex sheet; these are measured from the current label.
Campbell's Campbells Red
| Hex | #BA0018 |
|---|---|
| RGB | 186, 0, 24 |
| HSL | hsl(352, 100%, 36%) |
| CMYK | 0%, 100%, 87%, 27%converted · approximate |
| Pantone | PMS 186 Cnearest match · not published by the brand |
Campbell's 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 |
Campbell's Gold
| Hex | #C5960C |
|---|---|
| RGB | 197, 150, 12 |
| HSL | hsl(45, 89%, 41%) |
| CMYK | 0%, 24%, 94%, 23%converted · approximate |
| Pantone | PMS 131 Cnearest match · not published by the brand |
Campbell's Hex Color Codes
Campbell's hex color codes are #BA0018 for campbells red, #FFFFFF for white and #C5960C for gold.
| Color | Hex |
|---|---|
| Campbells Red | #BA0018 |
| White | #FFFFFF |
| Gold | #C5960C |
Campbell's RGB Color Codes
Campbell's RGB color codes are 186, 0, 24 for campbells red, 255, 255, 255 for white and 197, 150, 12 for gold. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Campbells Red | rgb(186, 0, 24) |
| White | rgb(255, 255, 255) |
| Gold | rgb(197, 150, 12) |
Campbell's HSL Color Codes
Campbell's HSL color codes are 352, 100%, 36% for campbells red, 0, 0%, 100% for white and 45, 89%, 41% for gold. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Campbells Red | hsl(352, 100%, 36%) |
| White | hsl(0, 0%, 100%) |
| Gold | hsl(45, 89%, 41%) |
Campbell's CMYK Color Code
Campbell's CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Campbells Red | 0%, 100%, 87%, 27% |
| White | 0%, 0%, 0%, 0% |
| Gold | 0%, 24%, 94%, 23% |
Campbell's Pantone Color Codes
Campbell's Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Campbells Red | PMS 186 C |
| White | PMS 656 C |
| Gold | PMS 131 C |
Logo
Campbell's Logo Colors
Campbell's logo colors are red and white, halved across the label with a gold seal.
Campbell's Logo Colors Palette
What the Campbell's Logo Colors Mean?
The Campbell's logo colors came from a football game. A company executive, Herberton Williams, saw Cornell's red-and-white uniforms in 1898 and pushed for the same split on the soup can. The gold medallion in the middle is a real award, a medal the soup won at the 1900 Paris Exposition. Andy Warhol later made the whole thing famous as pop art.
Campbell's Logo Color History
Campbell's logo color history is one of the steadiest in food. The red-and-white split and the gold seal have run on the condensed-soup can since 1898, with only the script wordmark redrawn.
Campbell's Logo Fonts
Campbell's logo fonts are a custom script for the name, not for sale. A flowing connected script is the nearest match.
Campbell's Logo JPG
Campbell's logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Campbell's Logo PNG
Campbell's logo in PNG, with a transparent background. Use it over a colored surface.
Campbell's Logo WebP
Campbell's logo in WebP. Same transparency as the PNG at about a third of the file size.
Campbell's Color Code Shades
Campbell's color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Campbell's paint or trim names.
In code
Using the Campbell's palette
CSS custom properties
:root {
--campbells-campbells-red: #BA0018;
--campbells-white: #FFFFFF;
--campbells-gold: #C5960C;
}Contrast against white
| Campbells Red | 6.77:1AA ✓ |
|---|---|
| White | 1.00:1AA × |
| Gold | 2.71: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.