NASA Color Palette | HEX, RGB & HSL

NASA uses the colors blue, 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 #0B3D91, #FC3D21, and #FFFFFF, respectively.

When it comes to the respective RGB value of those colors, blue has 11 red, 61 green, 145 blue, while red has 252 red, 61 green, and 33 blue.

In HSL, blue would have a hue of 218, 86% saturation, 31% lightness, and red would have a hue of 8, 97% saturation, and 56% 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.

NASA logo
Hex: #0B3D91
RGB: (11 61 145)
HSL: (218 86% 31%)
Hex: #FC3D21
RGB: (252 61 33)
HSL: (8 97% 56%)
Hex: #FFFFFF
RGB: (255 255 255)
HSL: (0 0% 100%)
NASA mobile app icon

Mobile App

Hex: #000000
RGB: (0 0 0)
HSL: (0 0% 0%)
Hex: #0B3D91
RGB: (11 61 145)
HSL: (218 86% 31%)
Hex: #FC3D21
RGB: (252 61 33)
HSL: (8 97% 56%)
Hex: #FFFFFF
RGB: (255 255 255)
HSL: (0 0% 100%)
NASA official website

Website

Hex: #000000
RGB: (0 0 0)
HSL: (0 0% 0%)
Hex: #888888
RGB: (136 136 136)
HSL: (0d 0% 53%)
Hex: #15418C
RGB: (21 65 140)
HSL: (218 74% 32%)
Hex: #428BCA
RGB: (66 139 202)
HSL: (208 56% 53%)
Hex: #FFFFFF
RGB: (255 255 255)
HSL: (0 0% 100%)
NASA Instagram Profile

Instagram Page

Hex: #0B3D91
RGB: (11 61 145)
HSL: (218 86% 31%)
Hex: #DD361C
RGB: (221 54 28)
HSL: (8 78% 49%)
Hex: #FFFFFF
RGB: (255 255 255)
HSL: (0 0% 100%)
NASA 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