WhatsApp Color Palette | HEX, RGB & HSL

WhatsApp has mainly used different shades of green for their main company logo, social media pages, and also website elements such as buttons and banners.

The hexadecimal color code for WhatsApp’s light green is #25D366, two of its teal green colors have hex codes of #075E54 and #128C7E, and lastly its app background color has a hex value of #ECE5DD.

When it comes to the respective RGB value of those colors, light green has 37 red, 211 green, 102 blue, while its two teal green colors have 7 red, 94 green, 84 blue, and 18 red, 140 green, 126 blue, respectively.

In HSL, that same light green would have a hue of 142, 70% saturation, 49% lightness, and the other two teal green colors would have a hue of 173, 86% saturation, and 20% lightness, and a hue of 173, 77% saturation, and 31% lightness, respectively.

For any other of their brand color schemes, including social media profiles such as Instagram, please continue reading below.

whatsapp logo
Hex: #2BB741
RGB: (43 183 65)
HSL: (129 62% 44%)
Hex: #25D366
RGB: (37 211 102)
HSL: (142 70% 49%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)
Whatsapp mobile app icon

App Icon

Hex: #25D366
RGB: (37 211 102)
HSL: (142 70% 49%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)
whatsapp website

Website

Hex: #EDF8F5
RGB: (39 52 67)
HSL: (212 26% 21%)
Hex: #075E54
RGB: (7 94 84)
HSL: (173 86% 20%)
Hex: #128C7E
RGB: (18 140 126)
HSL: (173 77% 31%)
HEX: #1EBEA5
RGB: (30 190 165)
HSL: (171 73% 43%)
Hex: #77D7C8
RGB: (119 215 200)
HSL: (171 55% 65%)
Hex: #D0E9EA
RGB: (208 233 234)
HSL: (182 38% 87%)
Hex: #EDF8F5
RGB: (237 248 245)
HSL: (164 44% 95%)

Instagram Page

Hex: #25D366
RGB: (37 211 102)
HSL: (142 70% 49%)
Hex: #FFFFFF
RGB: (255, 255, 255)
HSL: (0, 0%, 100%)
whatsapp brand 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