Beverages
Powerade Color Codes
Powerade works in a blue, hex near #0093D0, with black and white. The Powerade color codes in Hex, RGB and CMYK can be found below. Coca-Cola launched it in 1988 as its answer to Gatorade. Its direct rival is Gatorade.
Primary colors
What are Powerade Primary Colors?
Powerade's primary colors are powerade blue #0093D0, black #000000.
Powerade publishes no open hex sheet; these are measured from the current mark.
Powerade Powerade Blue
| Hex | #0093D0 |
|---|---|
| RGB | 0, 147, 208 |
| HSL | hsl(198, 100%, 41%) |
| CMYK | 100%, 29%, 0%, 18%converted · approximate |
| Pantone | PMS 299 Cnearest match · not published by the brand |
Powerade Black
| Hex | #000000 |
|---|---|
| RGB | 0, 0, 0 |
| HSL | hsl(0, 0%, 0%) |
| CMYK | 0%, 0%, 0%, 100%converted · approximate |
| Pantone | PMS 419 Cnearest match · not published by the brand |
Powerade Hex Color Codes
Powerade hex color codes are #0093D0 for powerade blue and #000000 for black.
| Color | Hex |
|---|---|
| Powerade Blue | #0093D0 |
| Black | #000000 |
Powerade RGB Color Codes
Powerade RGB color codes are 0, 147, 208 for powerade blue and 0, 0, 0 for black. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Powerade Blue | rgb(0, 147, 208) |
| Black | rgb(0, 0, 0) |
Powerade HSL Color Codes
Powerade HSL color codes are 198, 100%, 41% for powerade blue and 0, 0%, 0% for black. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Powerade Blue | hsl(198, 100%, 41%) |
| Black | hsl(0, 0%, 0%) |
Powerade CMYK Color Code
Powerade CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Powerade Blue | 100%, 29%, 0%, 18% |
| Black | 0%, 0%, 0%, 100% |
Powerade Pantone Color Codes
Powerade Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Powerade Blue | PMS 299 C |
| Black | PMS 419 C |
Logo
Powerade Logo Colors
Powerade logo colors are blue and black, on the ion-burst mark.
Powerade Logo Colors Palette
What the Powerade Logo Colors Mean?
The Powerade logo colors set it apart from the orange rival. Blue reads as hydration and cool rather than heat, and the mark, a small burst sometimes called the ION, stands for the electrolytes the drink adds back. The look has stayed close to sports-equipment plain rather than loud.
Powerade Logo Color History
Powerade logo color history splits at 1994, when the brand moved off an early lime-green label onto the blue identity it has refined ever since.
Powerade Logo Fonts
Powerade logo fonts are a custom bold sans, not licensed. A heavy grotesque is the closest match.
Powerade Logo JPG
Powerade logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Powerade Logo PNG
Powerade logo in PNG, with a transparent background. Use it over a colored surface.
Powerade Logo WebP
Powerade logo in WebP. Same transparency as the PNG at about a third of the file size.
Powerade Color Code Shades
Powerade color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Powerade paint or trim names.
In code
Using the Powerade palette
CSS custom properties
:root {
--powerade-powerade-blue: #0093D0;
--powerade-black: #000000;
}Contrast against white
| Powerade Blue | 3.45:1AA × |
|---|---|
| Black | 21.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.