#2CCC84 Hex Color

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

Hex color #2ccc84 graphic
High-energy and attention-grabbing, #2ccc84 is a saturated, neon-leaning green that works best as a sharp accent rather than a full background. This hex code provides excellent contrast for black text, making it a functional choice for buttons and clear calls to action. While it feels fresh and organic in nature-focused designs, be careful of color fatigue if you aren’t mixing gray into your surrounding palette.

Questions about #2ccc84

What is #2ccc84 in RGB, HSL and CMYK?
In RGB, #2ccc84 is rgb(44, 204, 132), in HSL hsl(153, 65%, 49%) and in CMYK 78%, 0%, 35%, 20%.
Where should I use #2ccc84 in a design layout?
#2ccc84 functions best as a high-contrast accent color for interactive elements like buttons, toggles, or notification badges. Because it is so saturated, avoid using it for large background areas or body text, as it can cause significant visual fatigue.
What colors pair well with #2ccc84?
This green pairs most effectively with deep neutrals like charcoal or slate to ground its intensity. For a bolder, high-energy palette, try combining it with high-contrast violet or deep purple tones to create a balanced, modern visual tension.
Is #2ccc84 readable on white or black?
#2ccc84 has a 2.08:1 contrast ratio on white and 10.07: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.