Technology
Microsoft Color Codes
Microsoft's colors are #F25022, #7FBA00, #00A4EF and #FFB900, one for each pane of the window mark, with gray #737373 on the wordmark. The Microsoft color codes in Hex, RGB and CMYK can be found below. The four squares arrived with the 2012 identity, the first time in twenty-five years the company had put a symbol next to its name.
Primary colors
What are Microsoft Primary Colors?
Microsoft's primary colors are red #F25022, green #7FBA00, blue #00A4EF, yellow #FFB900 and gray #737373.
Microsoft publishes no single public CMYK or Pantone sheet for the four squares, so both are shown below as conversions and nearest matches.
Microsoft Red
| Hex | #F25022 |
|---|---|
| RGB | 242, 80, 34 |
| HSL | hsl(13, 89%, 54%) |
| CMYK | 0%, 67%, 86%, 5%converted · approximate |
| Pantone | PMS 171 Cnearest match · not published by the brand |
Microsoft Green
| Hex | #7FBA00 |
|---|---|
| RGB | 127, 186, 0 |
| HSL | hsl(79, 100%, 36%) |
| CMYK | 32%, 0%, 100%, 27%converted · approximate |
| Pantone | PMS 376 Cnearest match · not published by the brand |
Microsoft Blue
| Hex | #00A4EF |
|---|---|
| RGB | 0, 164, 239 |
| HSL | hsl(199, 100%, 47%) |
| CMYK | 100%, 31%, 0%, 6%converted · approximate |
| Pantone | PMS 2925 Cnearest match · not published by the brand |
Microsoft Yellow
| Hex | #FFB900 |
|---|---|
| RGB | 255, 185, 0 |
| HSL | hsl(44, 100%, 50%) |
| CMYK | 0%, 27%, 100%, 0%converted · approximate |
| Pantone | PMS 1235 Cnearest match · not published by the brand |
Microsoft Gray
| Hex | #737373 |
|---|---|
| RGB | 115, 115, 115 |
| HSL | hsl(0, 0%, 45%) |
| CMYK | 0%, 0%, 0%, 55%converted · approximate |
| Pantone | PMS 431 Cnearest match · not published by the brand |
Microsoft Hex Color Codes
Microsoft hex color codes are #F25022 for red, #7FBA00 for green, #00A4EF for blue, #FFB900 for yellow and #737373 for gray.
| Color | Hex |
|---|---|
| Red | #F25022 |
| Green | #7FBA00 |
| Blue | #00A4EF |
| Yellow | #FFB900 |
| Gray | #737373 |
Microsoft RGB Color Codes
Microsoft RGB color codes are 242, 80, 34 for red, 127, 186, 0 for green, 0, 164, 239 for blue, 255, 185, 0 for yellow and 115, 115, 115 for gray. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Red | rgb(242, 80, 34) |
| Green | rgb(127, 186, 0) |
| Blue | rgb(0, 164, 239) |
| Yellow | rgb(255, 185, 0) |
| Gray | rgb(115, 115, 115) |
Microsoft HSL Color Codes
Microsoft HSL color codes are 13, 89%, 54% for red, 79, 100%, 36% for green, 199, 100%, 47% for blue, 44, 100%, 50% for yellow and 0, 0%, 45% for gray. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Red | hsl(13, 89%, 54%) |
| Green | hsl(79, 100%, 36%) |
| Blue | hsl(199, 100%, 47%) |
| Yellow | hsl(44, 100%, 50%) |
| Gray | hsl(0, 0%, 45%) |
Microsoft CMYK Color Code
Microsoft CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Red | 0%, 67%, 86%, 5% |
| Green | 32%, 0%, 100%, 27% |
| Blue | 100%, 31%, 0%, 6% |
| Yellow | 0%, 27%, 100%, 0% |
| Gray | 0%, 0%, 0%, 55% |
Microsoft Pantone Color Codes
Microsoft Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Red | PMS 171 C |
| Green | PMS 376 C |
| Blue | PMS 2925 C |
| Yellow | PMS 1235 C |
| Gray | PMS 431 C |
Logo
Microsoft Logo Colors
Microsoft logo colors are four, arranged clockwise from the top left as red-orange, green, blue and yellow.
Microsoft Logo Colors Palette
What the Microsoft Logo Colors Mean?
The Microsoft logo colors map to a company, not to a palette. Each pane stands for a product family that already had its own color before 2012: blue for Windows, green for Xbox, red-orange for Office, yellow as the fourth. The square itself is a window. Unlike Google, which deliberately breaks its own color order, Microsoft keeps the sequence regular, and that difference is the whole distance between the two identities.
Microsoft Logo Color History
Microsoft logo color history starts in 2012. Everything before it was monochrome, including the 1987 wordmark with the slashed o that people called the Pac-Man logo. Getting the current values right matters more than it should: sets circulating as official include #F14F21 and #FEB800, which are close enough to look correct on screen and wrong enough to fail a brand check.
Microsoft Logo JPG
Microsoft logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Microsoft Logo PNG
Microsoft logo in PNG, with a transparent background. Use it over a colored surface.
Microsoft Logo WebP
Microsoft logo in WebP. Same transparency as the PNG at about a third of the file size.
Microsoft Color Code Shades
Microsoft color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Microsoft paint or trim names.
In code
Using the Microsoft palette
CSS custom properties
:root {
--microsoft-red: #F25022;
--microsoft-green: #7FBA00;
--microsoft-blue: #00A4EF;
--microsoft-yellow: #FFB900;
--microsoft-gray: #737373;
}Contrast against white
| Red | 3.53:1AA × |
|---|---|
| Green | 2.35:1AA × |
| Blue | 2.78:1AA × |
| Yellow | 1.72:1AA × |
| Gray | 4.74: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.