Start Now!COLOR STUDIOColor library
Teal #008080
Teal has the HEX code #008080, RGB value rgb(0, 128, 128) and HSL value hsl(180, 100%, 25%).
#008080
Color values
HEX#008080
RGBrgb(0, 128, 128)
HSLhsl(180, 100%, 25%)
Teal shades
A Tailwind-style scale built from #008080.
- 50
#F0FFFF
- 100
#C7FFFF
- 200
#9EFFFF
- 300
#75FFFF
- 400
#4DFFFF
- 500
#24FFFF
- 600
#00FAFA
- 700
#00D1D1
- 800
#00A9A9
- 900
#008080
- 950
#004242
Text contrast
How Teal reads as text, by WCAG 2.2.
On white4.77:1, passes AA for normal text
On black4.39:1, below AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#B30000
#0059B3
#DCF9F9
#0E4E4E
What teal can communicate
Calm like blue, with some of green's freshness.
Associations vary by audience and culture. Teal often reads as calm and modern, and it is sometimes linked with water and healing.
Often used for: Wellness, Technology, Finance.
More about tealRelated colors
