#2FB21E Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #2fb21e graphic
This high-intensity green demands attention. It feels aggressive rather than organic, making it a difficult choice for large backgrounds but an excellent option for action buttons or small accents. Because black text offers strong 7.5:1 contrast against this shade, it remains highly readable for UI elements. Use the hex code #2fb21e sparingly to ensure your design keeps a balanced, modern edge.

Questions about #2fb21e

What is #2fb21e in RGB, HSL and CMYK?
In RGB, #2fb21e is rgb(47, 178, 30), in HSL hsl(113, 71%, 41%) and in CMYK 74%, 0%, 83%, 30%.
Is #2fb21e a good choice for background colors in UI design?
This vibrant shade is generally too aggressive for large backgrounds and can overwhelm a user interface. Instead, use #2fb21e for specific action buttons, alert indicators, or small iconography to maximize visual impact without causing eye fatigue.
What colors pair best with #2fb21e for a balanced design?
Because #2fb21e is so intense, pair it with neutral, darker tones like charcoal or deep slate to anchor the design. These dark neutrals provide enough contrast to keep the green feeling punchy while preventing the overall layout from appearing chaotic.
Is #2fb21e readable on white or black?
#2fb21e has a 2.79:1 contrast ratio on white and 7.50: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.