Tesla Color Palette | HEX, RGB & HSL

Tesla mainly uses the colors black, red, 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 #181B21, #E82127, and #FFFFFF, respectively.

When it comes to the respective RGB value of those colors, black has 24 red, 27 green, and 33 blue, and red has 232 red, 33 green, and 39 blue.

In HSL, black would have a hue of 220, 16% saturation, 11% lightness, and red would have a hue of 358, 81% saturation, and 52% lightness.

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

Tesla Black Logo
Hex: #181B21
RGB: (24 27 33)
HSL: (220 16% 11%)
Tesla Red Logo
Hex: #E82127
RGB: (232 33 39)
HSL: (358 81% 52%)
Tesla Mobile App Icon

Mobile App

Hex: #CC0000
RGB: (204 0 0)
HSL: (0 100% 40%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)

Website

Hex: #181B21
RGB: (24 27 33)
HSL: (220 16% 11%)
Hex: #393C41
RGB: (57 60 65)
HSL: (218 7% 24%)
Hex: #D4DEEA
RGB: (212 222 234)
HSL: (213 34% 87%)
Hex: #D3122D
RGB: (211 18 45)
HSL: (352 84% 45%)
Hex: #AF9F9F
RGB: (175 159 159)
HSL: (0 9% 65%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)
Tesla Instagram Profile

Instagram Page

Hex: #E21A37
RGB: (226 26 55)
HSL: (351 79% 49%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)

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