Shades of Teal
Teal sits between blue and green, ranging from deep petrol to bright turquoise. Dark teals feel sophisticated; bright aquas feel tropical and fresh. These are the CSS named teals plus a generated lightness scale.
Named Teal Colors
Teal
#008080rgb(0, 128, 128)DarkCyan
#008B8Brgb(0, 139, 139)CadetBlue
#5F9EA0rgb(95, 158, 160)LightSeaGreen
#20B2AArgb(32, 178, 170)DarkTurquoise
#00CED1rgb(0, 206, 209)MediumTurquoise
#48D1CCrgb(72, 209, 204)Turquoise
#40E0D0rgb(64, 224, 208)PaleTurquoise
#AFEEEErgb(175, 238, 238)Aqua
#00FFFFrgb(0, 255, 255)Aquamarine
#7FFFD4rgb(127, 255, 212)LightCyan
#E0FFFFrgb(224, 255, 255)Teal Scale from Light to Dark
A 12-step lightness scale of the core teal hue. Click any swatch for the full breakdown of that color.