Tinder Color Palette | HEX, RGB & HSL

Tinder mainly uses the colors pink and orange for their main company logo, social media profiles, and also website elements such as buttons and banners.

The hexadecimal code for Tinder’s pink is #FD267A, while for their orange is #FF7854.

When it comes to the respective RGB value of those colors, pink has 253 red, 38 green, and 122 blue, while orange has 255 red, 120 green, and 84 blue.

In HSL, pink would have a hue of 337, 98% saturation, and 57% lightness, and orange would have a hue of 13, 100% saturation, and 66% lightness.

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

Hex: #FD267A
RGB: (253 38 122)
HSL: (337 98% 57%)
Hex: #FF7854
RGB: (255 120 84)
HSL: (13 100% 66%)
Hex: #424242
RGB: (66 66 66)
HSL: (0 0% 26%)
Tinder Mobile App Icon

App Icon

Hex: #FD267A
RGB: (253 38 122)
HSL: (337 98% 57%)
Hex: #FF7854
RGB: (255 120 84)
HSL: (13 100% 66%)
Hex: #FFFFFF
RGB: (255 255 255)
HSL: (0 0% 100%)
Tinder website

Website

Hex: #FD267A
RGB: (253 38 122)
HSL: (337 98% 57%)
Hex: #FD546C
RGB: (253 84 108)
HSL: (351 98% 66%)
Hex: #FF7854
RGB: (255 120 84)
HSL: (13 100% 66%)
Hex: #303742
RGB: (48 55 66)
HSL: (217 16% 22%)
Hex: #667180
RGB: (102 113 128)
HSL: (215 11% 45%)
Hex: #FFFFFF
RGB: (255 255 255)
HSL: (0 0% 100%)

Instagram Page

Hex: #FD267A
RGB: (253 38 122)
HSL: (337 98% 57%)
Hex: #FF7854
RGB: (255 120 84)
HSL: (13 100% 66%)
Hex: #FFFFFF
RGB: (255 255 255)
HSL: (0 0% 100%)
Tinder Twitter Profile

Twitter Page

Hex: #F344B9
RGB: (243 68 185)
HSL: (320 88% 61%)
Hex: #FD267A
RGB: (253 38 122)
HSL: (337 98% 57%)
Hex: #F54C27
RGB: (245 76 39)
HSL: (11 91% 56%)
Hex: #FF7854
RGB: (255 120 84)
HSL: (13 100% 66%)
Hex: #F8A84C
RGB: (248 168 76)
HSL: (32 92% 64%)
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