Color guide
Green Color
#22C55E
green color codes
What green means
Green is associated with nature, growth and health. It reduces eye strain and signals success and confirmation in user interfaces.
How to use it in design
Perfect for success states, environmental brands, finance growth indicators and wellness products.
Color combinations with green
Harmonies calculated with color theory for the base hue 142°.
Complementary
Maximum contrast: #22C55E + #C42188
Analogous
Harmony at ±30°: #37C421 · #22C55E · #21C4AE
Triadic
Even 120° spacing: #22C55E · #5D21C4 · #C45D21
green color shades (50–900 scale)
Ready-to-use tailwind-style scale generated from #22C55E.
Colors that go well with green
FAQ about the green color
What is the HEX code of green?
A widely used hex value for green is #22C55E, which equals rgb(34, 197, 94). Depending on the shade you want, you can adjust saturation and lightness while keeping the same hue (142°).
What colors go well with green?
green pairs beautifully with white, beige, charcoal, pink. Its complementary color is #C42188, and a classic triadic scheme adds #5D21C4 and #C45D21.
Is green accessible for text and backgrounds?
It depends on the contrast ratio against the other color. Use NanoPalettes's contrast checker to verify WCAG AA (4.5:1) and AAA (7:1) compliance before shipping green in text or UI elements.
Create your own green palette
Generate harmonious combinations from #22C55E in seconds.
Open the palette generator