#22E2A2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#22e2a2 is a high-saturation, neon-leaning green that demands attention. Because it is so vivid, this hex code works best as an accent color for digital UI components rather than a large background. It pairs exceptionally well with charcoal grays or deep navy blues to ground its intensity. With black text, it provides strong, accessible contrast for modern, tech-focused branding.
Questions about #22e2a2
What is #22e2a2 in RGB, HSL and CMYK?
In RGB, #22e2a2 is rgb(34, 226, 162), in HSL hsl(160, 77%, 51%) and in CMYK 85%, 0%, 28%, 11%.
What is the best way to use #22e2a2 in UI design?
#22e2a2 functions best as a functional accent color rather than a primary background choice due to its high intensity. Use it for call-to-action buttons, data visualizations, or status indicators paired with charcoal to maintain legibility.
Does #22e2a2 work well with dark themes?
This neon green pops exceptionally well against dark backgrounds, especially when placed on deep navy or black surfaces. The high contrast makes it useful for highlighting specific UI elements that need to stand out from the page.
Is #22e2a2 readable on white or black?
#22e2a2 has a 1.68:1 contrast ratio on white and 12.46: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.