- No data uploaded
- Instant results
Teal — #008080
Teal is the CSS named colour teal, hex #008080. It has a contrast ratio of 4.77:1 on white and 4.40:1 on black — readable as text on white backgrounds (WCAG AA).
Teal — #008080
Contrast on white 4.77:1 · on black 4.40:1
Tints
Shades
Complementary
Triadic
Analogous
Using Teal in code
CSS: color: teal; or color: #008080; · Tailwind: text-[#008080] · Android/Flutter: 0xFF008080
Teal colour harmonies
Complementary: #800000 · Triadic: #800080, #808000 · Analogous: #008040, #004080. Use tints for backgrounds and shades for hover states.
Teal in every colour format
| Format | Value |
|---|---|
| HEX | #008080 |
| RGB | rgb(0, 128, 128) |
| HSL | hsl(180, 100%, 25%) |
| HSV | hsv(180, 100%, 50%) |
| CMYK | cmyk(100%, 0%, 0%, 50%) |
| CSS name | teal |
| Contrast on white | 4.77:1 |
| Contrast on black | 4.40:1 |
Frequently asked questions
What is the hex code for Teal?
#008080 (CSS name: teal).
What is Teal in RGB?
rgb(0, 128, 128)
What colour goes well with Teal?
Its complementary colour #800000, or the analogous #008040 and #004080.