#7CC331 Hex Color

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

Hex color #7cc331 graphic
This high-saturation lime is intense and demands immediate attention. Because of its loudness, #7cc331 works best as an accent or a call to action button rather than a large background. It pairs well with dark charcoal or deep navy for a balanced look. The hex code #7cc331 offers excellent contrast with black text, making it a reliable choice for readable UI elements.

Questions about #7cc331

What is #7cc331 in RGB, HSL and CMYK?
In RGB, #7cc331 is rgb(124, 195, 49), in HSL hsl(89, 60%, 48%) and in CMYK 36%, 0%, 75%, 24%.
How can I effectively pair #7cc331 in a design layout?
Use #7cc331 as a high-impact accent color against deep neutrals like charcoal or navy to create a balanced, professional look. Because it is so bright, avoid using it for large background areas where it might overwhelm the viewer.
Is #7cc331 suitable for text-heavy interface design?
While #7cc331 provides excellent contrast against black text, it is generally too intense for body copy on most digital screens. Reserve this specific green for interactive elements like buttons, badges, or small icons that need to stand out clearly.
Is #7cc331 readable on white or black?
#7cc331 has a 2.16:1 contrast ratio on white and 9.70: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.