Yellow Green
A vibrant, high-energy chartreuse-toned green
Yellow Green is an intense, high-energy hue that demands immediate attention. Because it is so bright, avoid using it as a primary background color. Instead, use the hex code #9acd32 as a sharp accent for UI elements or call-to-action buttons. It pairs best with deep charcoal grays. Black text reads clearly against this shade, easily meeting accessibility requirements for small body text.
About Yellow Green
Sour apple candy in a sunlit jar
What does yellow green mean?
People often link it with new growth, fresh fruit, and high energy. This color feels loud and awake.
Where you see yellow green
- green apples
- tennis balls
- lime wedges
- new spring leaves
- kiwi flesh
- highlighter ink
What it works for
Use it for accents that need to pop: buttons, charts, sports branding, packaging, and highlights in illustrations.
What colors go with yellow green?
Charcoal #36454fThe dark gray grounds the sharp green and keeps it from overwhelming a layout.Plum #8e4585The deep purple sits opposite on the wheel, so both colors look richer together.Tangerine #ff9300The warm orange shares its brightness, creating a bold, fruity, energetic combo.Chocolate Brown #7b3f00The earthy brown recalls bark and leaves, making the green feel natural.
Questions about Yellow Green
What is the hex code for Yellow Green?
Yellow Green is #9acd32. In RGB that is rgb(154, 205, 50), in HSL hsl(80, 61%, 50%) and in CMYK 25%, 0%, 76%, 20%.
What is the best way to use #9acd32 in web design?
Use #9acd32 as a high-impact accent rather than a primary background color, as its extreme intensity can overwhelm designs. It functions best on small UI elements like buttons where you need to guide user attention immediately to a call to action.
Is Yellow Green readable on white or black?
Yellow Green has a 1.88:1 contrast ratio on white and 11.15:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.