#57B952 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#57b952 is a loud, saturated green that commands attention without being neon. Because of its intensity, it works best as an accent color for calls to action or UI highlights rather than a full background. Pair it with dark charcoal or black text for optimal readability, as this combination provides strong contrast. The hex code for this punchy green is #57b952.
Questions about #57b952
What is #57b952 in RGB, HSL and CMYK?
In RGB, #57b952 is rgb(87, 185, 82), in HSL hsl(117, 42%, 52%) and in CMYK 53%, 0%, 56%, 27%.
What is the best way to use #57b952 in a UI design?
Because #57b952 is so saturated, it works best as a focused accent color rather than a large background fill. It grabs attention effectively for primary buttons, notification badges, or success states while maintaining enough contrast against dark backgrounds.
Which colors pair well with #57b952 for text or backgrounds?
Is #57b952 readable on white or black?
#57b952 has a 2.48:1 contrast ratio on white and 8.46: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.