TikTok Color Palette | HEX, RGB & HSL

TikTok currently uses the colors black, white, razzmatazz, and splash, for their main company logo, social media pages, and also website elements such as buttons, icons, and banners.

The hexadecimal codes for these colors are #00000, #FFFFFF, #FE2C55, and #25F4EE, respectively.

When it comes to the respective RGB value of those colors, Razzmatazz has 254 red, 44 green, 85 blue, while Splash has 37 red, 244 green, 238 blue.

In HSL, Razzmatazz would have a hue of 348, 99% saturation, 58% lightness, and Splash would have a hue of 178, 90% saturation, and 55% lightness.

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

TikTok logo
Hex: #000000
RGB: (0, 0, 0)
HSL: (0, 0%, 0%)
Hex: #FE2C55
RGB: (254 44 85)
HSL: (348 99% 58%)
Hex: #25F4EE
RGB: (37 244 238)
HSL: (178 90% 55%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)
Hex: #000000
RGB: (0, 0, 0)
HSL: (0, 0%, 0%)
Hex: #FE2C55
RGB: (254 44 85)
HSL: (348 99% 58%)
Hex: #25F4EE
RGB: (37 244 238)
HSL: (178 90% 55%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)
Tiktok App Icon

App Icon

Hex: #000000
RGB: (0, 0, 0)
HSL: (0, 0%, 0%)
Hex: #FE2C55
RGB: (254 44 85)
HSL: (348 99% 58%)
Hex: #25F4EE
RGB: (37 244 238)
HSL: (178 90% 55%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)
Tiktok's Website

Website

Hex: #000000
RGB: (0, 0, 0)
HSL: (0, 0%, 0%)
Hex: #25F4EE
RGB: (37 244 238)
HSL: (178 90% 55%)
Hex: #FE2C55
RGB: (254 44 85)
HSL: (348 99% 58%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)
Tiktok's Instagram Page

Instagram Page

Hex: #000000
RGB: (0, 0, 0)
HSL: (0, 0%, 0%)
Hex: #25F4EE
RGB: (37 244 238)
HSL: (178 90% 55%)
Hex: #FE2C55
RGB: (254 44 85)
HSL: (348 99% 58%)
Hex: #DC3AFD
RGB: (220 58 253)
HSL: (290 98% 61%)
Hex: #F1AFDD
RGB: (241 175 221)
HSL: (318 70% 82%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)
Tiktok Branding Guidelines

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