#2FA60F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated green delivers high intensity, making it ideal for buttons or action-oriented UI elements. Use it as a small accent to avoid overwhelming the eye, as it functions poorly as a full page background. Pair it with dark grays or black to ensure maximum readability, as it supports a 6.6:1 contrast ratio. The hex code for this shade is #2fa60f.
Questions about #2fa60f
What is #2fa60f in RGB, HSL and CMYK?
In RGB, #2fa60f is rgb(47, 166, 15), in HSL hsl(107, 83%, 35%) and in CMYK 72%, 0%, 91%, 35%.
How can I effectively use #2fa60f in a user interface?
#2fa60f is a high-intensity green that demands attention, making it an excellent choice for primary buttons or status indicators. Because of its vibrancy, limit its use to small, actionable areas to avoid overwhelming the viewer or competing with content.
Is #2fa60f readable on white or black?
#2fa60f has a 3.19:1 contrast ratio on white and 6.58: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.