Teal hex code
The hex code for teal is #008080. In RGB that is rgb(0, 128, 128) and in HSL it is hsl(180, 100%, 25%).
The hex code for teal is #008080. In RGB that is rgb(0, 128, 128) and in HSL it is hsl(180, 100%, 25%).
Teal · #008080
Colour codes
- HEX
- #008080
- RGB
- rgb(0, 128, 128)
- HSL
- hsl(180, 100%, 25%)
- CMYK
- 100, 0, 0, 50
- CSS name
- teal
- Contrast on white
- 4.77:1
- Contrast on black
- 4.40:1
Tints and shades
20% lighter · #339999
40% lighter · #66b3b3
60% lighter · #99cccc
80% lighter · #cce6e6
20% darker · #006666
40% darker · #004d4d
60% darker · #003333
80% darker · #001a1a
Complementary colour
Teal · #008080
Opposite on the colour wheel · #800000
Frequently asked questions
What is the hex code for teal?
The hex code for teal is #008080. In RGB that is rgb(0, 128, 128) and in HSL it is hsl(180, 100%, 25%).
Can I use teal for text?
It has a contrast ratio of 4.77:1 on white and 4.40:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a white background.
What colour goes with teal?
Its complementary colour, opposite on the colour wheel, is #800000. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of teal instead.
Is teal a CSS colour name?
Yes. CSS accepts the keyword teal, so color: teal and color: #008080 render exactly the same.