#22C55E Hex Color
Vibrant and punchy high-energy green
This intense, high-chroma green demands immediate attention. Because of its extreme saturation, #22c55e is best used as an accent color for calls to action or UI highlights rather than a background. It pairs exceptionally well with dark grays or deep charcoal for a modern, high-contrast look. As a hex code, #22c55e communicates energy and reliability for sustainable or eco-focused branding projects.
Questions about #22c55e
What is #22c55e in RGB, HSL and CMYK?
In RGB, #22c55e is rgb(34, 197, 94), in HSL hsl(142, 71%, 45%) and in CMYK 83%, 0%, 52%, 23%.
Where should I use #22c55e in a user interface design?
#22c55e is best reserved for interactive elements like success buttons, notification badges, or primary call-to-action highlights. Its extreme saturation makes it fatiguing for large areas, so pair it with neutrals like charcoal or deep slate to maintain balance.
Is #22c55e readable on white or black?
#22c55e has a 2.27:1 contrast ratio on white and 9.21: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.