#28A821 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #28a821 graphic
High-saturation #28a821 is an aggressive, punchy green that demands immediate attention. Because it is so intense, it works best as a small accent for calls to action or UI highlights rather than a large background. It pairs surprisingly well with deep charcoal grays, which ground the color’s brightness. Black text reads clearly against this shade, ensuring solid accessibility for labels or icons.

Questions about #28a821

What is #28a821 in RGB, HSL and CMYK?
In RGB, #28a821 is rgb(40, 168, 33), in HSL hsl(117, 67%, 39%) and in CMYK 76%, 0%, 80%, 34%.
What color schemes work best with #28a821?
Because #28a821 is so intense, it pairs best with neutral tones like charcoal or dark slate to ground the brightness. Avoid overusing it in large backgrounds, as its high saturation can quickly overwhelm a design and cause eye strain for users.
Is #28a821 readable on white or black?
#28a821 has a 3.12:1 contrast ratio on white and 6.71: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.