Brand color

Duolingo Feather Green

#58cc02

hex#58cc02

rgbrgb(88, 204, 2)

hslhsl(94, 98%, 40%)

oklchoklch(0.748 0.229 137.6)

From Duolingo brand colorsRelative luminance 0.4526

Vivid

Open in palette tool Check contrast

Duolingo Feather Green on this page is the real value, not a screenshot: exact hex, RGB, HSL and OKLCH, ten tints and ten shades, classic harmonies, and WCAG contrast with fixes — plus the 2 public brands that use it and the palettes it appears in.

Tints & shades

Tints — toward white

66e802 75fd0d 83fd26 94fd44 a6fd62 b7fe81 c8fe9f d7feb8 e8ffd7 f9fff5

Shades — toward black

50b602 49a702 409201 3a8301 316f01 285b01 214c01 183801 122800 091400

Every swatch is its own page — click any to analyze it.

Harmonies

Complementary

Open in tool →

58cc02 7302ca

#7302ca

Analogous

Open in tool →

58cc02 bdca02 02ca0f

#bdca02 · #02ca0f

Triadic

Open in tool →

58cc02 0259ca ca0259

#0259ca · #ca0259

Split-complementary

Open in tool →

58cc02 0f02ca ca02bd

#0f02ca · #ca02bd

Tetradic

Open in tool →

58cc02 02bdca 7302ca ca0f02

#02bdca · #7302ca · #ca0f02

Contrast

Duolingo Feather Green as text	Ratio	AA	AA large	AAA	Fix
Aaon white	2.09:1	fail	fail	fail	AA: use #3a8301 as the text (4.74:1) AAA: use #2c6501 as the text (7.07:1) AA: or shift the background to #454545 (4.59:1) AAA: or shift the background to #262626 (7.24:1)
Aaon black	10.05:1	pass	pass	pass	Passes AAA — no fix needed.

Fixes keep hue and saturation and move lightness only, so the suggestion stays on-brand. Ratios are symmetric: the same numbers apply with Duolingo Feather Green as the background.

Brands using this color

Palettes built around it

58cc02 1cb0f6 ff9600 ffffff 1c1c1c

Learning App

Open in tool →

Green, blue and orange at full saturation: the gamified-learning look, where every color is a reward.

Playful Vivid FriendlyEducation

mcpConnect your agent — build around Duolingo Feather Green

live endpoint

Point any MCP client at the shared colors endpoint and your agent gets the same engine as this page — generate_palette, check_contrast, analyze_color — read-only, no key. Every palette it proposes comes with a /palettes/new/… link: open it, lock what you like, paste the link back.

endpointhttps://mcp.brandsweets.com/colors/mcp

claude mcp add --transport http brandsweets-colors https://mcp.brandsweets.com/colors/mcp

try this prompt

›analyze #58cc02 and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link

tool url/palettes/new/58cc02-abbea2-5a4edf-1f2d1f-f0f1e9?lock=0&style=vibrant

Want the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.

Machine-readable: color.md