Color Codes › Shades of Green
Shades of green
A full palette of green — shades (toward black), tints (toward white) and tones (toward grey) — each with its hex and RGB code. Click any swatch to copy.
#22C55E
Shades of green
Green mixed with black — darker and deeper.
#22C55E
rgb(34, 197, 94)
#1FB355
rgb(31, 179, 85)
#1CA14D
rgb(28, 161, 77)
#198F44
rgb(25, 143, 68)
#167D3C
rgb(22, 125, 60)
#136B33
rgb(19, 107, 51)
#0F5A2B
rgb(15, 90, 43)
#0C4822
rgb(12, 72, 34)
#09361A
rgb(9, 54, 26)
#062411
rgb(6, 36, 17)
#031209
rgb(3, 18, 9)
#000000
rgb(0, 0, 0)
Tints of green
Green mixed with white — lighter and softer.
#22C55E
rgb(34, 197, 94)
#36CA6D
rgb(54, 202, 109)
#4AD07B
rgb(74, 208, 123)
#5ED58A
rgb(94, 213, 138)
#72DA99
rgb(114, 218, 153)
#86DFA7
rgb(134, 223, 167)
#9BE5B6
rgb(155, 229, 182)
#AFEAC4
rgb(175, 234, 196)
#C3EFD3
rgb(195, 239, 211)
#D7F4E2
rgb(215, 244, 226)
#EBFAF0
rgb(235, 250, 240)
#FFFFFF
rgb(255, 255, 255)
Tones of green
Green mixed with grey — muted and subtle.
#22C55E
rgb(34, 197, 94)
#2BBF61
rgb(43, 191, 97)
#33B864
rgb(51, 184, 100)
#3CB267
rgb(60, 178, 103)
#44AC6A
rgb(68, 172, 106)
#4DA66D
rgb(77, 166, 109)
#559F71
rgb(85, 159, 113)
#5E9974
rgb(94, 153, 116)
#669377
rgb(102, 147, 119)
#6F8D7A
rgb(111, 141, 122)
#77867D
rgb(119, 134, 125)
#808080
rgb(128, 128, 128)
Shades, tints and tones explained
Starting from a base green (#22C55E), a shade adds black, a tint adds white, and a tone adds grey. Together they give you a coherent green palette — useful for hover states, backgrounds, borders and accessible text.
Want a different starting green? Open the colour picker, choose your exact green, and it will generate fresh shades and tints, or convert any of the codes above to OKLCH, HSL or CMYK.
What are the shades of green?
Green mixed with increasing amounts of black, giving progressively darker versions. Tints use white, tones use grey.
What is the hex code for green?
A common green is #22C55E, but green spans the whole range shown above.
Popular colours
Sage green
Navy blue
Teal
Coral
Burgundy
Terracotta
Mint green
Shades of blue
Shades of pink
All colour codes →