Xbox Color Palette | HEX, RGB & HSL

Xbox uses the colors green, light green, light grey, and white for their main company logo, social media profiles, and also website elements such as buttons, icons, and banners.

The hexadecimal code for these colors is #107C10, #9BF00B, #E6E6E6, and #FFFFFF, respectively.

When it comes to the respective RGB value of those colors, Xbox’s green has 16 red, 124 green, and 16 blue, while light green has 155 red, 240 green, and 11 blue.

In HSL, green would have a hue of 120, 77% saturation, and 27% lightness, and light green would have a hue of 82, 91% saturation, and 49% lightness.

Please continue reading below for any other of their brand color schemes, including their Instagram and Twitter profiles and official mobile app icon.

Xbox logo
Hex: #000000
RGB: (0 0 0)
HSL: (0 0% 0%)
xbox main logo
Hex: #107C10
RGB: (16 124 16)
HSL: (120 77% 27%)
Hex: #9BF00B
RGB: (155 240 11)
HSL: (82 91% 49%)
Hex: #E6E6E6
RGB: (230 230 230)
HSL: (0 0% 90%)
Hex: #FFFFFF
RGB: (255 255 255)
HSL: (0 0% 100%)
xbox mobile app icon

App Icon

Hex: #0F7C11
RGB: (15 124 17)
HSL: (121 78% 27%)
Hex: #FFFFFF
RGB: (255 255 255)
HSL: (0 0% 100%)
Xbox website

Website

Hex: #000000
RGB: (0 0 0)
HSL: (0 0% 0%)
Hex: #107C10
RGB: (16 124 16)
HSL: (120 77% 27%)
Hex: #9BF00B
RGB: (155 240 11)
HSL: (82 91% 49%)
Hex: #616161
RGB: (97 97 97)
HSL: (0 0% 38%)
Hex: #F2F2F2
RGB: (242 242 242)
HSL: (0 0% 95%)
Hex: #FFFFFF
RGB: (255 255 255)
HSL: (0 0% 100%)

Instagram Profile

Hex: #000000
RGB: (0 0 0)
HSL: (0 0% 0%)
Hex: #BC612B
RGB: (188 97 43)
HSL: (22 63% 45%)
Hex: #F39599
RGB: (243 149 153)
HSL: (357 80% 77%)
Hex: #AC989F
RGB: (172 152 159)
HSL: (339 11% 64%)
Hex: #FFFFFF
RGB: (255 255 255)
HSL: (0 0% 100%)
xbox twitter profile

Twitter Profile

Hex: #000000
RGB: (0 0 0)
HSL: (0 0% 0%)
Hex: #8000C7
RGB: (128 0 199)
HSL: (279 100% 39%)
Hex: #BC612B
RGB: (188 97 43)
HSL: (22 63% 45%)
Hex: #E58201
RGB: (229 130 1)
HSL: (34 99% 45%)
Hex: #F39599
RGB: (243 149 153)
HSL: (357 80% 77%)
Hex: #AC989F
RGB: (172 152 159)
HSL: (339 11% 64%)
Hex: #FFFFFF
RGB: (255 255 255)
HSL: (0 0% 100%)
Xbox brand usage guidelines

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