#4CAF50 Hex Color
A high-energy green with intense saturation
This saturated, high-energy green demands attention with its bold intensity. The hex code #4caf50 functions best as a small accent color for calls to action or UI highlights where it can stand out against neutral backgrounds. While it pairs well with darker grays, avoid using it in large, full-bleed areas as it can quickly overwhelm a design. Black text provides excellent readability against this shade.
Questions about #4caf50
What is #4caf50 in RGB, HSL and CMYK?
In RGB, #4caf50 is rgb(76, 175, 80), in HSL hsl(122, 39%, 49%) and in CMYK 57%, 0%, 54%, 31%.
How should #4caf50 be used in UI design?
#4caf50 functions best as a focused accent color for call to action buttons or small UI elements where it can stand out. Because of its high saturation, using it in large, full-bleed areas often overwhelms the design and distracts the viewer.
Is #4caf50 readable on white or black?
#4caf50 has a 2.77:1 contrast ratio on white and 7.55: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.