#16E242 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This neon green is highly saturated and demands immediate attention. Because of its intensity, #16e242 works best as a small 10% accent in UI designs rather than a full background. It pairs sharply with charcoal gray or black, offering excellent readability at a 12.0:1 contrast ratio. Use this hex code to highlight call-to-action buttons or status indicators in modern, high-contrast digital projects.
Questions about #16e242
What is #16e242 in RGB, HSL and CMYK?
In RGB, #16e242 is rgb(22, 226, 66), in HSL hsl(133, 82%, 49%) and in CMYK 90%, 0%, 71%, 11%.
How should I use #16e242 in a professional UI design?
#16e242 is best reserved for small, intentional interface elements like call-to-action buttons, success states, or toggle indicators. Because the color is extremely saturated, using it as a background can cause eye strain; pair it with charcoal or deep black text to maintain a high 12.0:1 contrast ratio for accessibility.
What colors pair well with #16e242?
This neon green thrives when balanced by neutral, grounded tones that do not compete for attention. It looks sharpest against a deep charcoal or matte black, but can also work with a dark navy to create a modern, tech-focused palette that feels energized yet readable.
Is #16e242 readable on white or black?
#16e242 has a 1.75:1 contrast ratio on white and 11.99: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.