McDonald’s Color Palette | HEX, RGB & HSL

McDonald’s has mostly used the colors red and yellow for their main company logo, social media pages, and also website elements such as buttons, icons, and banners.

The hexadecimal color code for their red color is #DB0007, and for their yellow is #FFCD00. 

When it comes to the respective RGB value of those colors, red has 219 red, 0 green, 7 blue, and yellow has 255 red, 188 green, 13 blue.

In HSL, that same red would have a hue of 358, 100% saturation, 43% lightness, and yellow would have a hue of 43, 100% saturation, and 53% lightness.

On a quick note, we decided to officially share their website colors codes instead of inspecting their logos, because images that go through any type of compression will inevitably lose their original color values. 

A browser on the other hand, will allow you to see the exact color codes that a website was built with. 

McDonald’s hasn’t publicly shared any brand usage guideline PDF since 2017, and if they have, it’s seems that they haven’t made it easily available yet. 

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

mcdonalds logo m
Hex: #FFCD00
RGB: (255 205 0)
HSL: (48 100% 50%)
mcdonalds logo
Hex: #D62718
RGB: (214 39 24)
HSL: (5 80% 47%)
Hex: #FDC92B
RGB: (253 201 43)
HSL: (45 98% 58%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)

App Icon

Hex: #DC0008
RGB: (220 0 8)
HSL: (358 100% 43%)
Hex: #FFBF0F
RGB: (255 191 15)
HSL: (44 100% 53%)
mcdonalds website

Website

Hex: #FFBC0D
RGB: (255 188 13)
HSL: (43 100% 53%)
HEX: #DB0007
RGB: (219 0 7)
HSL: (358 100% 43%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)
mcdonalds instagram page

Instagram Page

HEX: #DB0007
RGB: (219 0 7)
HSL: (358 100% 43%)
Hex: #FFBC0D
RGB: (255 188 13)
HSL: (43 100% 53%)

Resources

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

You will learn why it is so fundamental 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 mean.

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 in our website by using the search bar in our homepage or site header. 

Copyright © 2019 - Online Palette