#5CBF63 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated green carries high intensity, making it an excellent choice for calls to action or UI highlights where you need immediate attention. Because #5cbf63 is quite bright, it can easily overpower a layout if used as a primary background. Pair it with dark grays or black for the best legibility, as black text offers the highest contrast against this hex code.
Questions about #5cbf63
What is #5cbf63 in RGB, HSL and CMYK?
In RGB, #5cbf63 is rgb(92, 191, 99), in HSL hsl(124, 44%, 55%) and in CMYK 52%, 0%, 48%, 25%.
Where should I use #5cbf63 in my interface design?
#5cbf63 works best as a punchy accent color for buttons, notification badges, or interactive elements that need to stand out immediately. Because of its high saturation, avoid using it as a large background fill, as it can overwhelm the user experience.
Is #5cbf63 readable on white or black?
#5cbf63 has a 2.31:1 contrast ratio on white and 9.08: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.