#3AFC7E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This neon green is incredibly bright, bordering on electric, with a high saturation that demands attention. Because it is so luminous, use #3afc7e primarily as a small accent color rather than a large-scale background. It provides excellent contrast for black text, making it highly readable for fine UI details. Pair it with dark charcoal or what colors make gray to ground the intensity of the hex code.
Questions about #3afc7e
What is #3afc7e in RGB, HSL and CMYK?
In RGB, #3afc7e is rgb(58, 252, 126), in HSL hsl(141, 97%, 61%) and in CMYK 77%, 0%, 50%, 1%.
How can I effectively use #3afc7e in a UI design?
Use #3afc7e primarily as a high-impact accent color for buttons, focus states, or small data visualizations where you need to draw the eye immediately. Because it is so luminous, avoid using it for large backgrounds or body text as it creates significant eye strain.
What colors pair well with the intensity of #3afc7e?
To ground this neon green, pair it with deep, muted tones like charcoal or very dark navy. These dark neutrals provide the necessary contrast to make #3afc7e pop without overwhelming the overall composition of your design.
Is #3afc7e readable on white or black?
#3afc7e has a 1.36:1 contrast ratio on white and 15.40:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.