#4BAC3F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated green carries significant intensity. Because it is quite loud, #4bac3f performs best as a sharp accent or CTA button rather than a primary background. Pair it with charcoal tones to ground the brightness. With a contrast ratio of 7.3:1 against black text, the hex code #4bac3f offers strong readability for web interfaces.
Questions about #4bac3f
What is #4bac3f in RGB, HSL and CMYK?
In RGB, #4bac3f is rgb(75, 172, 63), in HSL hsl(113, 46%, 46%) and in CMYK 56%, 0%, 63%, 33%.
Where is #4bac3f best used in web interface design?
#4bac3f functions most effectively as a high-visibility accent color for primary call-to-action buttons or success indicators. Because of its saturated intensity, it acts as a strong focal point that draws user attention without needing large surface areas.
What colors pair well with the intense green of #4bac3f?
Pair #4bac3f with deep charcoal or near-black grays to ground its high energy and improve readability. For a more balanced design, neutral tones or soft off-whites help manage the brightness, keeping the interface clean and professional.
Is #4bac3f readable on white or black?
#4bac3f has a 2.88:1 contrast ratio on white and 7.27: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.