#3DA542 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3da542 is a saturated, grassy green with high chroma that demands attention. Because it is so intense, use it sparingly as a 10% accent color for calls to action or UI highlights rather than a background. Pair it with dark grays or clean white to prevent visual fatigue. The hex code for this lush, energetic green is #3da542.
Questions about #3da542
What is #3da542 in RGB, HSL and CMYK?
In RGB, #3da542 is rgb(61, 165, 66), in HSL hsl(123, 46%, 44%) and in CMYK 63%, 0%, 60%, 35%.
How should I use #3da542 in a professional UI design?
Because #3da542 is highly saturated and intense, apply it sparingly as a 10% accent color for primary buttons or status indicators. Avoid using it for large backgrounds, as the brightness can cause visual fatigue over time.
What colors pair well with the #3da542 green?
Pair #3da542 with neutral dark grays or clean white to ground its energy and maintain readability. If you need a more adventurous palette, it works surprisingly well when contrasted against soft navy or muted earthy tones.
Is #3da542 readable on white or black?
#3da542 has a 3.15:1 contrast ratio on white and 6.65: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.