Beverages
7 Up Color Codes
7 Up works in green with a red 7, hex #00452A for the dark green and a red near #EE2722. The 7 Up color codes in Hex, RGB and CMYK can be found below. Charles Leiper Grigg created it in 1929 as a lithium-dosed lemon-lime soda, dropping the lithium in 1948. Its direct rival is Sprite.
Primary colors
What are 7 Up Primary Colors?
7 Up's primary colors are green #00452A, light green #00A363, red #EE2722, white #FFFFFF.
7 Up publishes no open hex sheet; these are measured from the current mark.
7 Up Green
| Hex | #00452A |
|---|---|
| RGB | 0, 69, 42 |
| HSL | hsl(157, 100%, 14%) |
| CMYK | 100%, 0%, 39%, 73%converted · approximate |
| Pantone | PMS 3435 Cnearest match · not published by the brand |
7 Up Light Green
| Hex | #00A363 |
|---|---|
| RGB | 0, 163, 99 |
| HSL | hsl(156, 100%, 32%) |
| CMYK | 100%, 0%, 39%, 36%converted · approximate |
| Pantone | PMS 347 Cnearest match · not published by the brand |
7 Up Red
| Hex | #EE2722 |
|---|---|
| RGB | 238, 39, 34 |
| HSL | hsl(1, 86%, 53%) |
| CMYK | 0%, 84%, 86%, 7%converted · approximate |
| Pantone | PMS 1788 Cnearest match · not published by the brand |
7 Up 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 |
7 Up Hex Color Codes
7 Up hex color codes are #00452A for green, #00A363 for light green, #EE2722 for red and #FFFFFF for white.
| Color | Hex |
|---|---|
| Green | #00452A |
| Light Green | #00A363 |
| Red | #EE2722 |
| White | #FFFFFF |
7 Up RGB Color Codes
7 Up RGB color codes are 0, 69, 42 for green, 0, 163, 99 for light green, 238, 39, 34 for red and 255, 255, 255 for white. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Green | rgb(0, 69, 42) |
| Light Green | rgb(0, 163, 99) |
| Red | rgb(238, 39, 34) |
| White | rgb(255, 255, 255) |
7 Up HSL Color Codes
7 Up HSL color codes are 157, 100%, 14% for green, 156, 100%, 32% for light green, 1, 86%, 53% for red and 0, 0%, 100% for white. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Green | hsl(157, 100%, 14%) |
| Light Green | hsl(156, 100%, 32%) |
| Red | hsl(1, 86%, 53%) |
| White | hsl(0, 0%, 100%) |
7 Up CMYK Color Code
7 Up CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Green | 100%, 0%, 39%, 73% |
| Light Green | 100%, 0%, 39%, 36% |
| Red | 0%, 84%, 86%, 7% |
| White | 0%, 0%, 0%, 0% |
7 Up Pantone Color Codes
7 Up Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Green | PMS 3435 C |
| Light Green | PMS 347 C |
| Red | PMS 1788 C |
| White | PMS 656 C |
Logo
7 Up Logo Colors
7 Up logo colors are green and red, the numeral picked out in red.
7 Up Logo Colors Palette
What the 7 Up Logo Colors Mean?
The 7 Up logo colors have leaned green since the 1930s, standing for lime and, later, for the 'Uncola' campaign that sold it as the fresh alternative to brown colas. The red 7 gives the mark a single warm point of contrast and a shape people recognise from across a store.
7 Up Logo Color History
7 Up logo color history keeps green as the base, with the red numeral added early. A red dot or bubble has come and gone beside the 7, and the wordmark has been squared off over the decades, but the two colors have held.
7 Up Logo Fonts
7 Up logo fonts are a custom bold sans, not for sale. A heavy rounded grotesque covers it.
7 Up Logo JPG
7 Up logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
7 Up Logo PNG
7 Up logo in PNG, with a transparent background. Use it over a colored surface.
7 Up Logo WebP
7 Up logo in WebP. Same transparency as the PNG at about a third of the file size.
7 Up Color Code Shades
7 Up color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not 7 Up paint or trim names.
In code
Using the 7 Up palette
CSS custom properties
:root {
--seven-up-green: #00452A;
--seven-up-light-green: #00A363;
--seven-up-red: #EE2722;
--seven-up-white: #FFFFFF;
}Contrast against white
| Green | 11.14:1AA ✓ |
|---|---|
| Light Green | 3.27:1AA × |
| Red | 4.24: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.