Google uses the colors blue, red, yellow, green, and red for almost all of their brand assets.
They have made small changes throughout the years, but all colors have remained fairly similar every time.
The hexadecimal color code for their blue, for example, is #4285F4.
In the RGB color model, that same blue has 66 red, 133 green, and 244 blue or (66, 133, 244).
Lastly, in the HSL color model, that is the equivalent of a 217 hue, 89% saturation, and 61% lightness or (217, 89%, 61%).
For their other brand color schemes, please continue reading below.
This is a screenshot of Google Marketing Platform Visual Guidelines (pdf).
Note that their Yellow in that screenshot has a written hex code of #FBBC04, but when you inspect the picture and try finding the hex value manually, it turns out to be #FBBC05.
They also had shown a different value for their yellow in this post titled “Evolving the Google Identity.”
Resources
Watch these YouTube videos as a very good way to learn more about colors and how they work in different settings.
You will be introduced to color psychology and how you can make the most out of it whenever you are using colors in any way.
Video #1
This next video was uploaded by ColorCode.
He talks about using HEX, RGB, and RGBA.
Video #2
This other video is from Webflow.
They show us how colors are used on the web and give us really good tips on the best way to truly comprehend the differences behind every color palette.
Lastly, you should also read this article by Hacker Noon titled: Hex colors, how do they work?
They will show you how hex numbers are determined and what each character mean and represent.
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 any other color palette that we have in our website by using the search bar in our homepage or site header.
Copyright © 2019 - Online Palette
