Microsoft Color Palette | HEX, RGB & HSL

Microsoft uses the colors orange-red, green, blue, and yellow, for their main company logo, social media profiles, and also website elements such as buttons, icons, and banners.

The hexadecimal code for these colors are #F25022, #7FBA00, #00A4EF, and #FFB900, respectively.

When it comes to the respective RGB value of those colors, orange-red has 242 red, 80 green, and 34 blue, while green has 127 red, 186 green, and 0 blue. 

On the other hand, blue would have 0 red, 164 green, and 239 blue, and yellow would have 255 red, 185 green, and 0 blue.

Now, in HSL, orange-red would have a hue of 13, 89% saturation, and 54% lightness, and green would have a hue of 79, 100% saturation, and 36% lightness.

Lastly, blue would have a hue of 199, 100% saturation, and 47% lightness, and yellow would have a hue of 44, 100% saturation, and 50% lightness.

For any other of their brand color schemes, including social media profiles such as Instagram, please continue reading below.

Microsoft Logo
Hex: #737373
RGB: (115 115 115)
HSL: (0 0% 45%)
Hex: #F25022
RGB: (242 80 34)
HSL: (13 89% 54%)
Hex: #7FBA00
RGB: (127 186 0)
HSL: (79 100% 36%)
Hex: #00A4EF
RGB: (0 164 239)
HSL: (199 100% 47%)
Hex: #FFB900
RGB: (255 185 0)
HSL: (44 100% 50%)
Microsoft Logo Symbol
Hex: #F25022
RGB: (242 80 34)
HSL: (13 89% 54%)
Hex: #7FBA00
RGB: (127 186 0)
HSL: (79 100% 36%)
Hex: #00A4EF
RGB: (0 164 239)
HSL: (199 100% 47%)
Hex: #FFB900
RGB: (255 185 0)
HSL: (44 100% 50%)
Microsoft's Official Website

Website

Hex: #000000
RGB: (0 0 0)
HSL: (0 0% 0%)
Hex: #0067B8
RGB: (0 103 184)
HSL: (206 100% 36%)
Hex: #FEF000
RGB: (254 240 0)
HSL: (57 100% 50%)
Hex: #E6E6E6
RGB: (230 230 230)
HSL: (0 0% 90%)
Hex: #F2F2F2
RGB: (242 242 242)
HSL: (0 0% 95%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)
Microsoft's Instagram Page

Instagram Page

Hex: #000000
RGB: (0 0 0)
HSL: (0 0% 0%)
Hex: #F25022
RGB: (242 80 34)
HSL: (13 89% 54%)
Hex: #7FBA00
RGB: (127 186 0)
HSL: (79 100% 36%)
Hex: #00A4EF
RGB: (0 164 239)
HSL: (199 100% 47%)
Hex: #FFB900
RGB: (255 185 0)
HSL: (44 100% 50%)

Resources

We encourage you to watch these YouTube videos as a very good way of getting to know more about colors and how they work in various situations.

You will learn why it is so important to know and learn a lot about color psychology and how you can make the most out of it.

Video #1

This next video was uploaded to YouTube by ColorCode. 

He talks about using HEX, RGB, and RGBA.

Video #2

This other video is from Webflow.

They give us a review on how hues are utilized on the web and some extraordinary tips on the best way to truly comprehend the differences behind each shading.

Lastly, maybe also read this article by Hacker Noon titled: Hex colors, how do they work? 

You will get to know how hex numbers are determined and what each character means.

Disclaimer

We do not own any logo or image used to describe the color palettes of any brand. All rights goes to the respective owner.

Fair Use allows people to use someone else’s copyrighted work without permission in certain circumstances. Common examples include: criticism, commentary, news reporting, teaching, scholarship and research.

Before you go

Make sure to check out other color palettes that we currently have on our website by using the search bar on our homepage or site header. 

Copyright © 2019 - Online Palette