Duolingo Color Palette | HEX, RGB & HSL

Duolingo mainly uses the color green for their main company logo, social media profiles, and also website elements such as buttons, icons, and banners.

The hexadecimal code for their most-used green shade is #58CC02.

When it comes to the respective RGB value of that same color, you’ll find 88 red, 204 green, and 2 blue.

In HSL, that would be a hue of 94, 98% saturation, and 40% 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.

Duolingo wordmark logo
Hex: #58CC02
RGB: (88 204 2)
HSL: (94 98% 40%)
Hex: #89E219
RGB: (137 226 25)
HSL: (87 80% 49%)
Hex: #4B4B4B
RGB: (75 75 75)
HSL: (0 0% 29%)
Hex: #B66E28
RGB: (182 110 40)
HSL: (30 64% 44%)
Hex: #F49000
RGB: (244 144 0)
HSL: (35 100% 48%)
Hex: #FFC200
RGB: (255 194 0)
HSL: (46 100% 50%)
Hex: #FFDE00
RGB: (255 222 0)
HSL: (52 100% 50%)
Hex: #F7F7F7
RGB: (247 247 247)
HSL: (35 100% 48%)
Hex: #FFFFFF
RGB: (255 255 255)
HSL: (0 0% 100%)
Hex: #58CC02
RGB: (88 204 2)
HSL: (94 98% 40%)
Hex: #89E219
RGB: (137 226 25)
HSL: (87 80% 49%)
Hex: #4B4B4B
RGB: (75 75 75)
HSL: (0 0% 29%)
Hex: #B66E28
RGB: (182 110 40)
HSL: (30 64% 44%)
Hex: #F49000
RGB: (244 144 0)
HSL: (35 100% 48%)
Hex: #FFC200
RGB: (255 194 0)
HSL: (46 100% 50%)
Hex: #FFDE00
RGB: (255 222 0)
HSL: (52 100% 50%)
Hex: #F7F7F7
RGB: (247 247 247)
HSL: (35 100% 48%)
Hex: #FFFFFF
RGB: (255 255 255)
HSL: (0 0% 100%)
Hex: #58CC02
RGB: (88 204 2)
HSL: (94 98% 40%)
Hex: #FFFFFF
RGB: (255 255 255)
HSL: (0 0% 100%)

App Icon

Hex: #58CC02
RGB: (88 204 2)
HSL: (94 98% 40%)
Hex: #89E219
RGB: (137 226 25)
HSL: (87 80% 49%)
Hex: #4B4B4B
RGB: (75 75 75)
HSL: (0 0% 29%)
Hex: #F49000
RGB: (244 144 0)
HSL: (35 100% 48%)
Hex: #FFC200
RGB: (255 194 0)
HSL: (46 100% 50%)
Hex: #FFE747
RGB: (255 231 71)
HSL: (52 100% 64%)
Hex: #FFFFFF
RGB: (255 255 255)
HSL: (0 0% 100%)
Duolingo Website

Website

Hex: #235390
RGB: (35 83 144)
HSL: (214 61% 35%)
Hex: #1CB0F6
RGB: (28 176 246)
HSL: (199 92% 54%)
Hex: #58CC02
RGB: (88 204 2)
HSL: (94 98% 40%)
Hex: #3C3C3C
RGB: (60 60 60)
HSL: (0 0% 24%)
Hex: #FFFFFF
RGB: (255 255 255)
HSL: (0 0% 100%)
Duolingo Instagram Profile

Instagram Page

Hex: #77C801
RGB: (119 200 1)
HSL: (84 99% 39%)
Hex: #8EE000
RGB: (142 224 0)
HSL: (82 100% 44%)
Hex: #4B4B4B
RGB: (75 75 75)
HSL: (0 0% 29%)
Hex: #F38001
RGB: (243 128 1)
HSL: (31 99% 48%)
Hex: #FFC200
RGB: (255 194 0)
HSL: (46 100% 50%)
Hex: #FCE84B
RGB: (252 232 75)
HSL: (53 97% 64%)
Hex: #FFFFFF
RGB: (255 255 255)
HSL: (0 0% 100%)
Duolingo 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