#34A056 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid, mid-tone green provides a clear, reliable presence for sustainability and eco-conscious branding. While its saturation commands attention, the hue remains accessible enough for body text when paired with black for optimal contrast. Use #34a056 as a bold secondary accent in interface design, or let it ground organic layouts by pairing it with warm, desaturated grays instead of stark white. The hex code for this shade is #34a056.
Questions about #34a056
What is #34a056 in RGB, HSL and CMYK?
In RGB, #34a056 is rgb(52, 160, 86), in HSL hsl(139, 51%, 42%) and in CMYK 68%, 0%, 46%, 37%.
How can #34a056 be used effectively in interface design?
Use #34a056 as a striking secondary accent for buttons or navigation highlights. Because it carries significant visual weight, pair it alongside charcoal or warm neutrals rather than pure white to keep the overall design feeling organic and balanced.
Does #34a056 work well for body text?
#34a056 is generally too vibrant to serve as a primary font color for long-form content. Reserve this green for headings, decorative UI elements, or meaningful status indicators where high saturation helps guide user focus effectively without causing visual fatigue during extended reading sessions.
Is #34a056 readable on white or black?
#34a056 has a 3.32:1 contrast ratio on white and 6.30: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.