#5E9732 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
See all shades of green with names and hex codes →
This saturated green feels organic and energetic. Because it leans toward yellow, #5e9732 works best as a punchy accent color rather than a main background. Pair it with deep charcoal or navy to ground the brightness. Black text provides excellent readability against this shade, making it a reliable choice for buttons or active UI elements where you need high contrast.
Questions about #5e9732
What is #5e9732 in RGB, HSL and CMYK?
In RGB, #5e9732 is rgb(94, 151, 50), in HSL hsl(94, 50%, 39%) and in CMYK 38%, 0%, 67%, 41%.
What colors pair well with #5e9732?
#5e9732 works best when balanced by deep, neutral tones like charcoal, slate, or navy blue to ground its high energy. Because it is a vibrant, yellow-leaning green, these dark, cool backgrounds provide the necessary contrast to let the color pop without overwhelming the design.
Is #5e9732 suitable for UI design?
#5e9732 is an excellent choice for functional UI elements like buttons or notification icons because it offers strong visibility against dark backgrounds. Since it maintains high contrast with black text, it is reliable for accessible, readable interface components that need to draw immediate user attention.
Is #5e9732 readable on white or black?
#5e9732 has a 3.53:1 contrast ratio on white and 5.94:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.