Video Games
Xbox Color Codes
Xbox works in a green, hex #107C10, with black and white. The Xbox color codes in Hex, RGB and CMYK can be found below. Microsoft launched it in 2001 to get into the living room against Sony; the name is a contraction of DirectX Box, the graphics technology it was built on. Its nearest peer on this site is PlayStation.
Primary colors
What are Xbox Primary Colors?
Xbox's primary color is #107C10. Every value on this page is derived from it.
Xbox publishes a brand system; the value shown is Xbox Green.
Xbox Green
| Hex | #107C10 |
|---|---|
| RGB | 16, 124, 16 |
| HSL | hsl(120, 77%, 27%) |
| CMYK | 87%, 0%, 87%, 51%converted · approximate |
| Pantone | PMS 363 Cnearest match · not published by the brand |
Xbox Hex Color Codes
Xbox hex color codes are #107C10 for green.
| Color | Hex |
|---|---|
| Green | #107C10 |
Xbox RGB Color Codes
Xbox RGB color codes are 16, 124, 16 for green. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Green | rgb(16, 124, 16) |
Xbox HSL Color Codes
Xbox HSL color codes are 120, 77%, 27% for green. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Green | hsl(120, 77%, 27%) |
Xbox CMYK Color Code
Xbox CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Green | 87%, 0%, 87%, 51% |
Xbox Pantone Color Codes
Xbox 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 363 C |
Logo
Xbox Logo Colors
Xbox logo colors are a green sphere with a white X, or the mark reversed.
Xbox Logo Colors Palette
What the Xbox Logo Colors Mean?
The Xbox green is a specific, slightly deep green that Microsoft has held since the first console, chosen partly because it was not blue, which read as PlayStation and as Windows. The mark, called the nexus, is a sphere with an X cut through it, meant to suggest a globe of connected players.
Xbox Logo Color History
Xbox logo color history has been green throughout, though the sphere has been rendered as a glossy orb, a flat circle and, since 2019, a plain green circle. The green itself has drifted only slightly.
Xbox Logo Fonts
Xbox logo fonts are Segoe, Microsoft's corporate typeface, in a bold weight. Segoe UI Bold is the exact match.
Xbox Logo JPG
Xbox logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Xbox Logo PNG
Xbox logo in PNG, with a transparent background. Use it over a colored surface.
Xbox Logo WebP
Xbox logo in WebP. Same transparency as the PNG at about a third of the file size.
Xbox Color Code Shades
Xbox color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Xbox paint or trim names.
In code
Using the Xbox palette
CSS custom properties
:root {
--xbox-green: #107C10;
}Contrast against white
| Green | 5.37: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.