Beverages
Monster Energy Color Codes
Monster Energy works in a bright yellow-green claw mark, hex #84C100, on black. The Monster Energy color codes in Hex, RGB and CMYK can be found below. Hansen Natural, now Monster Beverage, launched the drink in 2002. Its rival at the front of the energy shelf is Red Bull.
Primary colors
What are Monster Energy Primary Colors?
Monster Energy's primary colors are claw green #84C100, black #0B0C0C, white #FFFFFF.
Monster Energy publishes no open hex sheet; these are measured from the current can.
Monster Energy Claw Green
| Hex | #84C100 |
|---|---|
| RGB | 132, 193, 0 |
| HSL | hsl(79, 100%, 38%) |
| CMYK | 32%, 0%, 100%, 24%converted · approximate |
| Pantone | PMS 376 Cnearest match · not published by the brand |
Monster Energy Black
| Hex | #0B0C0C |
|---|---|
| RGB | 11, 12, 12 |
| HSL | hsl(180, 4%, 5%) |
| CMYK | 8%, 0%, 0%, 95%converted · approximate |
| Pantone | PMS 419 Cnearest match · not published by the brand |
Monster 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 |
Monster Energy Hex Color Codes
Monster Energy hex color codes are #84C100 for claw green, #0B0C0C for black and #FFFFFF for white.
| Color | Hex |
|---|---|
| Claw Green | #84C100 |
| Black | #0B0C0C |
| White | #FFFFFF |
Monster Energy RGB Color Codes
Monster Energy RGB color codes are 132, 193, 0 for claw green, 11, 12, 12 for black and 255, 255, 255 for white. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Claw Green | rgb(132, 193, 0) |
| Black | rgb(11, 12, 12) |
| White | rgb(255, 255, 255) |
Monster Energy HSL Color Codes
Monster Energy HSL color codes are 79, 100%, 38% for claw green, 180, 4%, 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 |
|---|---|
| Claw Green | hsl(79, 100%, 38%) |
| Black | hsl(180, 4%, 5%) |
| White | hsl(0, 0%, 100%) |
Monster Energy CMYK Color Code
Monster Energy CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Claw Green | 32%, 0%, 100%, 24% |
| Black | 8%, 0%, 0%, 95% |
| White | 0%, 0%, 0%, 0% |
Monster Energy Pantone Color Codes
Monster 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 |
|---|---|
| Claw Green | PMS 376 C |
| Black | PMS 419 C |
| White | PMS 656 C |
Logo
Monster Energy Logo Colors
Monster Energy logo colors are acid green and black, the claw slashed across a dark can.
Monster Energy Logo Colors Palette
What the Monster Energy Logo Colors Mean?
The Monster Energy logo colors are built for a nightclub-lit cooler. The mark, drawn by McLean Design, is a jagged green M that reads as three claw slashes, and the near-fluorescent green against matte black is meant to look aggressive and hard to miss. There is no softer secondary color in the core identity.
Monster Energy Logo Color History
Monster Energy logo color history is short and unchanged. The green claw on black has run since the 2002 launch, with only minor tightening of the shape.
Monster Energy Logo Fonts
Monster Energy logo fonts are a custom heavy sans, distressed, not for sale. A rough bold grotesque is the closest match.
Monster Energy Logo JPG
Monster Energy logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Monster Energy Logo PNG
Monster Energy logo in PNG, with a transparent background. Use it over a colored surface.
Monster Energy Logo WebP
Monster Energy logo in WebP. Same transparency as the PNG at about a third of the file size.
Monster Energy Color Code Shades
Monster Energy color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Monster Energy paint or trim names.
In code
Using the Monster Energy palette
CSS custom properties
:root {
--monster-energy-claw-green: #84C100;
--monster-energy-black: #0B0C0C;
--monster-energy-white: #FFFFFF;
}Contrast against white
| Claw Green | 2.19:1AA × |
|---|---|
| Black | 19.59: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.