Beverages
Rockstar Energy Color Codes
Rockstar Energy works in yellow, red and black, hex #FEF200 for the yellow with a red near #EC1B23. The Rockstar color codes in Hex, RGB and CMYK can be found below. The drink launched in 2001 and was bought by PepsiCo in 2020. Its rivals are Monster Energy and Red Bull.
Primary colors
What are Rockstar Energy Primary Colors?
Rockstar Energy's primary colors are yellow #FEF200, red #EC1B23, black #0D0D0D, white #FFFFFF.
Rockstar publishes no open hex sheet; these are measured from the current can.
Rockstar Energy Yellow
| Hex | #FEF200 |
|---|---|
| RGB | 254, 242, 0 |
| HSL | hsl(57, 100%, 50%) |
| CMYK | 0%, 5%, 100%, 0%converted · approximate |
| Pantone | PMS 3945 Cnearest match · not published by the brand |
Rockstar Energy Red
| Hex | #EC1B23 |
|---|---|
| RGB | 236, 27, 35 |
| HSL | hsl(358, 85%, 52%) |
| CMYK | 0%, 89%, 85%, 7%converted · approximate |
| Pantone | PMS 1788 Cnearest match · not published by the brand |
Rockstar Energy Black
| Hex | #0D0D0D |
|---|---|
| RGB | 13, 13, 13 |
| HSL | hsl(0, 0%, 5%) |
| CMYK | 0%, 0%, 0%, 95%converted · approximate |
| Pantone | PMS 419 Cnearest match · not published by the brand |
Rockstar Energy 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 |
Rockstar Energy Hex Color Codes
Rockstar Energy hex color codes are #FEF200 for yellow, #EC1B23 for red, #0D0D0D for black and #FFFFFF for white.
| Color | Hex |
|---|---|
| Yellow | #FEF200 |
| Red | #EC1B23 |
| Black | #0D0D0D |
| White | #FFFFFF |
Rockstar Energy RGB Color Codes
Rockstar Energy RGB color codes are 254, 242, 0 for yellow, 236, 27, 35 for red, 13, 13, 13 for black and 255, 255, 255 for white. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Yellow | rgb(254, 242, 0) |
| Red | rgb(236, 27, 35) |
| Black | rgb(13, 13, 13) |
| White | rgb(255, 255, 255) |
Rockstar Energy HSL Color Codes
Rockstar Energy HSL color codes are 57, 100%, 50% for yellow, 358, 85%, 52% for red, 0, 0%, 5% for black and 0, 0%, 100% for white. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Yellow | hsl(57, 100%, 50%) |
| Red | hsl(358, 85%, 52%) |
| Black | hsl(0, 0%, 5%) |
| White | hsl(0, 0%, 100%) |
Rockstar Energy CMYK Color Code
Rockstar Energy CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Yellow | 0%, 5%, 100%, 0% |
| Red | 0%, 89%, 85%, 7% |
| Black | 0%, 0%, 0%, 95% |
| White | 0%, 0%, 0%, 0% |
Rockstar Energy Pantone Color Codes
Rockstar Energy Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Yellow | PMS 3945 C |
| Red | PMS 1788 C |
| Black | PMS 419 C |
| White | PMS 656 C |
Logo
Rockstar Energy Logo Colors
Rockstar logo colors are yellow and black with a red star.
Rockstar Energy Logo Colors Palette
What the Rockstar Energy Logo Colors Mean?
The Rockstar logo colors chase the same loud, late-night energy as the rest of the category. A gold five-pointed star sits at the center, yellow and black carry the wordmark, and red is the accent, the mix aimed squarely at the shelf space Monster and Red Bull already owned.
Rockstar Energy Logo Color History
Rockstar logo color history keeps the star and the yellow-black-red palette from the 2001 launch, with the star flattening and the wordmark simplifying under PepsiCo.
Rockstar Energy Logo Fonts
Rockstar logo fonts are a custom heavy sans, not licensed. A bold condensed grotesque covers it.
Rockstar Energy Logo JPG
Rockstar Energy logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Rockstar Energy Logo PNG
Rockstar Energy logo in PNG, with a transparent background. Use it over a colored surface.
Rockstar Energy Logo WebP
Rockstar Energy logo in WebP. Same transparency as the PNG at about a third of the file size.
Rockstar Energy Color Code Shades
Rockstar Energy color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Rockstar Energy paint or trim names.
In code
Using the Rockstar Energy palette
CSS custom properties
:root {
--rockstar-energy-yellow: #FEF200;
--rockstar-energy-red: #EC1B23;
--rockstar-energy-black: #0D0D0D;
--rockstar-energy-white: #FFFFFF;
}Contrast against white
| Yellow | 1.17:1AA × |
|---|---|
| Red | 4.42:1AA × |
| Black | 19.44: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.