#348906 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation grass green commands attention with its intense, bold presence. Because it carries significant visual weight, #348906 works best as a 10% accent color rather than a dominant background. It pairs cleanly with stark white or charcoal gray for UI highlights and call-to-action buttons. Black text maintains excellent legibility against this hex code, ensuring your designs remain accessible and sharp.
Questions about #348906
What is #348906 in RGB, HSL and CMYK?
In RGB, #348906 is rgb(52, 137, 6), in HSL hsl(99, 92%, 28%) and in CMYK 62%, 0%, 96%, 46%.
How should I use #348906 in my web interface?
#348906 is best suited as a high-impact accent color rather than a dominant background element due to its visual weight. Use it sparingly for primary buttons or status indicators against neutral backgrounds like charcoal or stark white.
Is #348906 readable on white or black?
#348906 has a 4.44:1 contrast ratio on white and 4.72: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.