Food & Restaurants
Kellogg’s Color Codes
Kellogg's color is a red, hex #D31245, on the founder's signature. The Kellogg's color codes in Hex, RGB and CMYK can be found below. Will Keith Kellogg started the company in Battle Creek, Michigan, in 1906, after he and his brother stumbled onto flaked cereal at the sanitarium John ran. Its counterpart on the breakfast shelf is Campbell's.
Primary colors
What are Kellogg’s Primary Colors?
Kellogg’s's primary colors are kelloggs red #D31245, white #FFFFFF.
Kellogg's publishes no open hex sheet; the red is measured from the current mark.
Kellogg’s Kelloggs Red
| Hex | #D31245 |
|---|---|
| RGB | 211, 18, 69 |
| HSL | hsl(344, 84%, 45%) |
| CMYK | 0%, 91%, 67%, 17%converted · approximate |
| Pantone | PMS 206 Cnearest match · not published by the brand |
Kellogg’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 |
Kellogg’s Hex Color Codes
Kellogg’s hex color codes are #D31245 for kelloggs red and #FFFFFF for white.
| Color | Hex |
|---|---|
| Kelloggs Red | #D31245 |
| White | #FFFFFF |
Kellogg’s RGB Color Codes
Kellogg’s RGB color codes are 211, 18, 69 for kelloggs red and 255, 255, 255 for white. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Kelloggs Red | rgb(211, 18, 69) |
| White | rgb(255, 255, 255) |
Kellogg’s HSL Color Codes
Kellogg’s HSL color codes are 344, 84%, 45% for kelloggs red and 0, 0%, 100% for white. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Kelloggs Red | hsl(344, 84%, 45%) |
| White | hsl(0, 0%, 100%) |
Kellogg’s CMYK Color Code
Kellogg’s CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Kelloggs Red | 0%, 91%, 67%, 17% |
| White | 0%, 0%, 0%, 0% |
Kellogg’s Pantone Color Codes
Kellogg’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 |
|---|---|
| Kelloggs Red | PMS 206 C |
| White | PMS 656 C |
Logo
Kellogg’s Logo Colors
Kellogg's logo colors are red and white, the name written as a signature.
Kellogg’s Logo Colors Palette
What the Kellogg’s Logo Colors Mean?
The Kellogg's logo colors carry a guarantee. The red script is a version of Will Keith Kellogg's own handwriting, printed on boxes from 1906 as a way of saying the cereal inside was the genuine article and not a copy. Red does the shelf work, standing out in the cereal aisle.
Kellogg’s Logo Color History
Kellogg's logo color history keeps the red signature from 1906 with very little change. A 2024 project turned the wordmark into a full custom typeface, still in the same red.
Kellogg’s Logo Fonts
Kellogg's logo fonts are a custom face built from the founder's signature, kept in-house. A confident script is the nearest match.
Kellogg’s Logo JPG
Kellogg’s logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Kellogg’s Logo PNG
Kellogg’s logo in PNG, with a transparent background. Use it over a colored surface.
Kellogg’s Logo WebP
Kellogg’s logo in WebP. Same transparency as the PNG at about a third of the file size.
Kellogg’s Color Code Shades
Kellogg’s color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Kellogg’s paint or trim names.
In code
Using the Kellogg’s palette
CSS custom properties
:root {
--kelloggs-kelloggs-red: #D31245;
--kelloggs-white: #FFFFFF;
}Contrast against white
| Kelloggs Red | 5.33: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.