#9BBC2D Hex Color

High-energy yellow-green with punchy impact

Hex color #9bbc2d graphic
This intense, yellow-green shade demands immediate attention. Due to its high saturation, #9bbc2d works best as a 10% accent color for buttons or call-to-action highlights rather than a full background. It pairs surprisingly well with deep charcoal or navy blues to ground its inherent high energy. The hex code is #9bbc2d, and it offers excellent contrast for black text, ensuring readability in UI applications.

Questions about #9bbc2d

What is #9bbc2d in RGB, HSL and CMYK?
In RGB, #9bbc2d is rgb(155, 188, 45), in HSL hsl(74, 61%, 46%) and in CMYK 18%, 0%, 76%, 26%.
When should I use #9bbc2d in my UI design?
Use #9bbc2d as a deliberate 10% accent color for primary call-to-action buttons or small interactive highlights. Its high saturation creates an immediate focal point, but it will quickly overwhelm a layout if used as a background or primary color.
What colors complement #9bbc2d for a balanced palette?
Pair #9bbc2d with deep neutrals like charcoal or navy to ground its intense energy. These dark, muted tones provide the necessary contrast to make the yellow-green pop without clashing, keeping your interface design balanced and accessible.
Is #9bbc2d readable on white or black?
#9bbc2d has a 2.18:1 contrast ratio on white and 9.62: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.