#9BAE39 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#9bae39 is a high-energy chartreuse that sits firmly between yellow and green. This saturated hue radiates warmth and intensity, making it excellent for urgent calls-to-action or sale banners where you need immediate attention. While it can overwhelm as a full background, it pairs surprisingly well with deep charcoal text, offering strong readability. The hex code for this neon yellow is #9bae39.
Questions about #9bae39
What is #9bae39 in RGB, HSL and CMYK?
In RGB, #9bae39 is rgb(155, 174, 57), in HSL hsl(70, 51%, 45%) and in CMYK 11%, 0%, 67%, 32%.
How should I use #9bae39 effectively in a UI design?
Use #9bae39 as an accent color for high-priority elements like buttons or notification badges. Because it is highly saturated, it draws the eye immediately but can easily overwhelm a layout if used as a primary background color.
What colors pair well with #9bae39 for a balanced design?
Pair #9bae39 with deep neutrals like charcoal or very dark navy to ensure high readability and contrast. For a more adventurous palette, try introducing a deep purple, which sits opposite this chartreuse on the color wheel.
Is #9bae39 readable on white or black?
#9bae39 has a 2.46:1 contrast ratio on white and 8.50: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.