Video Games
Battle.net Color Codes
Battle.net works in a blue, hex #4381C3, with dark grey. The Battle.net color codes in Hex, RGB and CMYK can be found below. Blizzard launched it in 1997 alongside Diablo as one of the first matchmaking and multiplayer services built directly into a game; it is now the launcher for every Blizzard and Activision title. Its nearest peer on this site is Steam.
Primary colors
What are Battle.net Primary Colors?
Battle.net's primary color is #4381C3. Every value on this page is derived from it.
Battle.net publishes brand assets; the value shown matches its stated blue.
Battle.net Primary
| Hex | #4381C3 |
|---|---|
| RGB | 67, 129, 195 |
| HSL | hsl(211, 52%, 51%) |
| CMYK | 66%, 34%, 0%, 24%converted · approximate |
| Pantone | PMS 3005 Cnearest match · not published by the brand |
Battle.net Hex Color Codes
Battle.net hex color codes are #4381C3 for primary.
| Color | Hex |
|---|---|
| Primary | #4381C3 |
Battle.net RGB Color Codes
Battle.net RGB color codes are 67, 129, 195 for primary. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Primary | rgb(67, 129, 195) |
Battle.net HSL Color Codes
Battle.net HSL color codes are 211, 52%, 51% for primary. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Primary | hsl(211, 52%, 51%) |
Battle.net CMYK Color Code
Battle.net CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Primary | 66%, 34%, 0%, 24% |
Battle.net Pantone Color Codes
Battle.net Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Primary | PMS 3005 C |
Logo
Battle.net Logo Colors
Battle.net logo colors are a blue orb mark, sometimes with the wordmark in grey.
Battle.net Logo Colors Palette
What the Battle.net Logo Colors Mean?
The Battle.net blue reads as a network and a sky rather than as any one Blizzard game, which is the point: the service has to sit above Warcraft, Overwatch, Diablo and Call of Duty without belonging to any of them. The mark is a glowing orb, a nod to the arcane portals that turn up across those worlds.
Battle.net Logo Color History
Battle.net logo color history has stayed blue while the name wobbled: Blizzard tried to rename the service simply Blizzard Battle.net in 2017, then walked it back. The orb and the blue survived both.
Battle.net Logo Fonts
Battle.net logo fonts are a custom sans shared with Blizzard's launcher. A humanist sans like Roboto is the nearest match.
Battle.net Logo JPG
Battle.net logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Battle.net Logo PNG
Battle.net logo in PNG, with a transparent background. Use it over a colored surface.
Battle.net Logo WebP
Battle.net logo in WebP. Same transparency as the PNG at about a third of the file size.
Battle.net Color Code Shades
Battle.net color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Battle.net paint or trim names.
In code
Using the Battle.net palette
CSS custom properties
:root {
--battle-net-primary: #4381C3;
}Contrast against white
| Primary | 4.06: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.