#28A140 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated green is high-energy and commands immediate attention. Because it is so vivid, reserve #28a140 for UI accents like call-to-action buttons rather than full backgrounds, which can overwhelm the eye. It pairs exceptionally well with charcoal grays for a grounded, modern look. The hex code #28a140 offers strong contrast, so black text remains legible and accessible when placed against it.
Questions about #28a140
What is #28a140 in RGB, HSL and CMYK?
In RGB, #28a140 is rgb(40, 161, 64), in HSL hsl(132, 60%, 39%) and in CMYK 75%, 0%, 60%, 37%.
Where should I use #28a140 in a web interface?
#28a140 is a high-energy, saturated green that works best as an intentional accent for primary call-to-action buttons or success indicators. Avoid using this tone as a full background, as its intensity can quickly overwhelm a user interface design.
What colors pair well with #28a140?
This green pairs exceptionally well with charcoal or deep, neutral grays to ground its vibrancy. These dark neutrals provide enough contrast to keep the design looking modern and professional without letting the green color dominate the entire layout.
Is #28a140 readable on white or black?
#28a140 has a 3.35:1 contrast ratio on white and 6.26: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.