CSS color
yellowgreen
#9acd32rgb(154, 205, 50)hsl(80, 61%, 50%)oklch(0.785 0.184 126.6)Yellowgreen 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 1 public brand that uses it and the palettes it appears in.
Colors that go with yellowgreen
Royal Blue, Taupe and Plum 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.
Royal Blue #4169e1
shippedRoyal Blue is paired with yellowgreen in 4 real palettes, including Brilliant's brand system and MongoDB's brand system, as the accent.
Taupe #483c32
shippedTaupe is paired with yellowgreen in 9 real palettes, including Citrus Grove and Acer's brand system, as the text colour against it.
Plum #dda0dd
complementaryPlum sits directly opposite yellowgreen on the wheel — the strongest contrast one hue can give another, so use it small: a button, a link colour, one highlight.
Blue #0000ff
shipped3 real palettes, including Minecraft's brand system and MongoDB's brand system put Blue beside yellowgreen, as the accent.
Charcoal #36454f
neutralshippedCharcoal is the body-text near-black for yellowgreen: its slight blue cast keeps type crisp beside a warm colour where pure #000 looks heavy.
Cornflower Blue #6495ed
split-complementshippedCornflower Blue is a split-complement of yellowgreen: nearly opposite, so it still pops against it, without the vibrating edge of a true complement.
Dark Olive Green #556b2f
shippedDark Olive Green shows up next to yellowgreen in 3 real palettes, including 7-Eleven's brand system and Undergrowth, as the supporting colour.
Dark Orange #ff8c00
shippedDark Orange shows up next to yellowgreen in 3 real palettes, including Citrus Grove and Learning App, as the lead colour.
Real palettes that use yellowgreen
Tints & shades
Harmonies
Contrast
| yellowgreen as text | Ratio | AA | AA large | AAA | Fix |
|---|---|---|---|---|---|
Aaon white | 1.88:1 | fail | fail | fail | |
Aaon black | 11.15: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 yellowgreen as the background.
Brands using this color
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.
https://mcp.brandsweets.com/colors/mcpclaude mcp add --transport http brandsweets-colors https://mcp.brandsweets.com/colors/mcp
›analyze #9acd32 and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link
/palettes/new/9acd32-b1bea2-4e64df-232d1f-f1f0e9?lock=0&style=vibrantWant the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.
Machine-readable: color.md