#3A9606 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #3a9606 graphic
This saturated, intense green commands attention without feeling aggressive. It works best as a 10% accent color for calls to action or UI highlights, where its high visibility stands out against neutral grays. Because this shade offers a strong 5.5:1 contrast ratio with black text, it reads legibly in small details. The hex code for this lush, organic tone is #3a9606.

Questions about #3a9606

What is #3a9606 in RGB, HSL and CMYK?
In RGB, #3a9606 is rgb(58, 150, 6), in HSL hsl(98, 92%, 31%) and in CMYK 61%, 0%, 96%, 41%.
How should I use #3a9606 in a web interface?
This vibrant shade serves best as a strategic accent color for call-to-action buttons or status indicators, typically limited to 10 percent of your total layout. It provides a strong, high-contrast pop against neutral grays and clean white backgrounds.
What colors pair well with #3a9606?
Balance the intensity of #3a9606 by pairing it with charcoal for high-contrast text or a soft cream to mute its natural brightness. For a balanced, organic look, it also complements deep earth tones or muted wood finishes.
Is #3a9606 readable on white or black?
#3a9606 has a 3.78:1 contrast ratio on white and 5.54: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.