Pokémon Color Palette | HEX, RGB & HSL

Pokémon mainly uses the colors blue and yellow for their main company logo, social media profiles, and also website elements such as buttons, icons, and banners.

The hexadecimal code for these two colors is #0075BE and #FFCC00, respectively. 

When it comes to the respective RGB value of those colors, blue has 0 red, 117 green, and 190 blue, while yellow has 255 red, 204 green, and 0 blue.

In HSL, blue would have a hue of 203, 100% saturation, 37% lightness, and yellow would have a hue of 48, 100% saturation, and 50% lightness.

Please continue reading below for any other of their brand color schemes, including social media profiles such as Instagram, the Pokéman GO mobile app icon, and the famous Pokéball.

Pokemon Logo
Hex: #0A285F
RGB: (10 40 95)
HSL: (219 81% 21%)
Hex: #0075BE
RGB: (0 117 190)
HSL: (203 100% 37%)
Hex: #D5A100
RGB: (213 161 0)
HSL: (45 100% 42%)
Hex: #FFCC00
RGB: (255 204 0)
HSL: (48 100% 50%)
Pokeball

Pokéball

Hex: #FB1B1B
RGB: (251 27 27)
HSL: (0 97% 55%)
Hex: #000000
RGB: (0 0 0)
HSL: (0 0% 0%)
Hex: #DFDFDF
RGB: (223 223 223)
HSL: (0 0% 87%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)

Pokémon GO

Hex: #000000
RGB: (0 0 0)
HSL: (0 0% 0%)
Hex: #CE2211
RGB: (206 34 17)
HSL: (5 85% 44%)
Hex: #E54222
RGB: (229 66 34)
HSL: (10 79% 52%)
Hex: #37796C
RGB: (55 121 108)
HSL: (168 37% 35%)
Hex: #0C3348
RGB: (12 51 72)
HSL: (201 71% 16%)
Hex: #1C4CBD
RGB: (28 76 189)
HSL: (222 74% 43%)
Hex: #5EBDFC
RGB: (94 189 252)
HSL: (204 96% 68%)
Hex: #16D6FB
RGB: (22 214 251)
HSL: (190 97% 54%)
Hex: #EFFCD5
RGB: (239 252 213)
HSL: (80 87% 91%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)
Pokemon Official Website

Website

Hex: #000000
RGB: (0 0 0)
HSL: (0 0% 0%)
Hex: #E3350D
RGB: (227 53 13)
HSL: (11 89% 47%)
Hex: #EE6B2F
RGB: (238 107 47)
HSL: (19 85% 56%)
Hex: #E6BC2F
RGB: (230 188 47)
HSL: (46 79% 54%)
Hex: #4DAD5B
RGB: (77 173 91)
HSL: (129 38% 49%)
Hex: #30A7D7
RGB: (48 167 215)
HSL: (197 68% 52%)
Hex: #1847D7
RGB: (27 83 186)
HSL: (219 75% 42%)
Hex: #1B53BA
RGB: (27 83 186)
HSL: (219 75% 42%)
Hex: #855AC9
RGB: (133 90 201)
HSL: (263 51% 57%)
Hex: #919191
RGB: (145 145 145)
HSL: (0 0% 57%)
Hex: #F5F5F5
RGB: (245 245 245)
HSL: (0 0% 96%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)
Pokemon Instagram Profile

Instagram Page

Hex: #FFDE00
RGB: (255 222 0)
HSL: (52 100% 50%)
Hex: #ED1729
RGB: (237 23 41)
HSL: (355 86% 51%)
Hex: #000000
RGB: (0 0 0)
HSL: (0 0% 0%)
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