#349D45 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-chroma green commands attention. As a loud accent, use #349d45 for calls to action rather than large, dominant backgrounds. The color supports black text effectively with a 6.1:1 contrast ratio, keeping fine detail legible for the user. Pair this shade with muted warm grays to ground its intensity. The hex code for this organic, beaming green is #349d45.
Questions about #349d45
What is #349d45 in RGB, HSL and CMYK?
In RGB, #349d45 is rgb(52, 157, 69), in HSL hsl(130, 50%, 41%) and in CMYK 67%, 0%, 56%, 38%.
How should I use #349d45 in my UI design?
Use #349d45 as a functional accent for primary buttons or status indicators rather than a large background. Its high saturation and 6.1:1 contrast ratio against black text ensure that interface elements remain clearly legible and highly clickable.
What neutral colors complement #349d45?
Pair #349d45 with muted warm grays to ground its intensity and keep your palette balanced. These neutrals prevent the high-chroma green from becoming overwhelming, allowing it to function as a focal point without straining the viewer's eyes.
Is #349d45 readable on white or black?
#349d45 has a 3.46:1 contrast ratio on white and 6.05: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.