Color

#8ddd31

#8ddd31
hex#8ddd31
rgbrgb(141, 221, 49)
hslhsl(88, 72%, 53%)
oklchoklch(0.815 0.21 132.1)
Closest name: yellowgreen (#9acd32)Relative luminance 0.576

Colors that go with #8ddd31

Deep Sky Blue, Taupe and Violet lead the list. Each partner is a real named colour with the reason it works — a wheel relationship, a neutral that carries it, or a pairing lifted from a palette or brand system that actually shipped — and every pair opens in the palette tool.

Tints & shades

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

Harmonies

Complementary

Open in tool →

#8131dd

#ddd831 · #37dd31

#318ddd · #dd318d

Split-complementary

Open in tool →

#3137dd · #d831dd

#31ddd8 · #8131dd · #dd3137

Contrast

#8ddd31 as textRatioAAAA largeAAAFix
Aaon white
1.68:1failfailfail
  • AA: use #508415 as the text (4.51:1)
  • AAA: use #3b6010 as the text (7.33:1)
  • AA: or shift the background to #545454 (4.51:1)
  • AAA: or shift the background to #363636 (7.2:1)
Aaon black
12.52:1passpasspassPasses 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 #8ddd31 as the background.

Brands using this color

mcpConnect your agent — build around #8ddd31
live endpoint

Point any MCP client at the shared colors endpoint and your agent gets the same engine as this page — direct_palette, edit_direction, check_palette, check_contrast — read-only, no key. Every direction it proposes comes with a /colors/d/… link: open it, lock what you like, paste the link back, and the agent edits rather than re-rolls.

endpointhttps://mcp.brandsweets.com/colors/mcp
claude mcp add --transport http brandsweets-colors https://mcp.brandsweets.com/colors/mcp
try this prompt

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

tool url/palettes/new/8ddd31-aebea2-4e51df-212d1f-f1f1e9?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