Color Codes › Shades of Teal
Shades of teal
A full palette of teal — shades (toward black), tints (toward white) and tones (toward grey) — each with its hex and RGB code. Click any swatch to copy.
#14B8A6
Shades of teal
Teal mixed with black — darker and deeper.
#14B8A6
rgb(20, 184, 166)
#12A797
rgb(18, 167, 151)
#109788
rgb(16, 151, 136)
#0F8679
rgb(15, 134, 121)
#0D756A
rgb(13, 117, 106)
#0B645B
rgb(11, 100, 91)
#09544B
rgb(9, 84, 75)
#07433C
rgb(7, 67, 60)
#05322D
rgb(5, 50, 45)
#04211E
rgb(4, 33, 30)
#02110F
rgb(2, 17, 15)
#000000
rgb(0, 0, 0)
Tints of teal
Teal mixed with white — lighter and softer.
#14B8A6
rgb(20, 184, 166)
#29BEAE
rgb(41, 190, 174)
#3FC5B6
rgb(63, 197, 182)
#54CBBE
rgb(84, 203, 190)
#69D2C6
rgb(105, 210, 198)
#7FD8CE
rgb(127, 216, 206)
#94DFD7
rgb(148, 223, 215)
#AAE5DF
rgb(170, 229, 223)
#BFECE7
rgb(191, 236, 231)
#D4F2EF
rgb(212, 242, 239)
#EAF9F7
rgb(234, 249, 247)
#FFFFFF
rgb(255, 255, 255)
Tones of teal
Teal mixed with grey — muted and subtle.
#14B8A6
rgb(20, 184, 166)
#1EB3A3
rgb(30, 179, 163)
#28AE9F
rgb(40, 174, 159)
#31A99C
rgb(49, 169, 156)
#3BA498
rgb(59, 164, 152)
#459F95
rgb(69, 159, 149)
#4F9991
rgb(79, 153, 145)
#59948E
rgb(89, 148, 142)
#638F8A
rgb(99, 143, 138)
#6C8A87
rgb(108, 138, 135)
#768583
rgb(118, 133, 131)
#808080
rgb(128, 128, 128)
Shades, tints and tones explained
Starting from a base teal (#14B8A6), a shade adds black, a tint adds white, and a tone adds grey. Together they give you a coherent teal palette — useful for hover states, backgrounds, borders and accessible text.
Want a different starting teal? Open the colour picker, choose your exact teal, 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 teal?
Teal mixed with increasing amounts of black, giving progressively darker versions. Tints use white, tones use grey.
What is the hex code for teal?
A common teal is #14B8A6, but teal 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 →