Teal is a dark, vivid shade in the blue color family, with a cool feel. Its HEX code is #008080, which equals rgb(0, 128, 128) in RGB and hsl(180, 100%, 25%) in HSL. In print terms it converts to roughly C100 M0 Y0 K50, although exact CMYK results depend on the paper and color profile.
- HEX
#008080 - RGB
0, 128, 128 - HSL
180°, 100%, 25% - CMYK
100, 0, 0, 50 - Family
Blue - Tone
Dark, vivid
About Teal
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 4.77:1. Its complementary color is #800000.
Download Teal as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Teal color codes
| HEX | #008080 |
|---|---|
| RGB | rgb(0, 128, 128) |
| HSL | hsl(180, 100%, 25%) |
| HSV | 180°, 100%, 50% |
| CMYK | 100%, 0%, 0%, 50% |
| Decimal | 32896 |
Shades and tints of Teal
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5EAEA - 100
#AAD5D5 - 200
#80C0C0 - 300
#55AAAA - 400
#2B9595 - 500
#008080 - 600
#006B6B - 700
#005555 - 800
#004040 - 900
#002B2B - 950
#001515
Color harmonies for Teal
- Complementary
#800000≈ Dark Red Tone - Analogous −30°
#008040≈ Dark Mint - Analogous +30°
#004080≈ Dark Cerulean - Triadic +120°
#800080≈ Dark Magenta Tone - Triadic +240°
#808000≈ Dark Yellow - Split 150°
#800040≈ Dark Blush - Split 210°
#804000≈ Dark Orange Tone
Contrast and accessibility of Teal
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Teal | Aa | 4.77:1 | AA (good) |
| Black text on Teal | Aa | 4.40:1 | AA Large only |
CSS code for Teal
background-color: #008080;color: #008080;background-color: rgb(0, 128, 128);background-color: hsl(180, 100%, 25%);:root { --color-teal: #008080; }class="bg-[#008080]"Colors similar to Teal
- Dark Cyan Tone
#008585 - Dark Teal
#008577 - Dark Lagoon
#007785 - Dark Cyan
#008B8B - Dark Bright Cyan
#0D7777 - Dark Turquoise Tone
#00856A - Dark Bright Teal
#0D776D - Dark Peacock
#006A85 - Dark Bright Lagoon
#0D6D77 - Deep Soft Lagoon
#23808B - Deep Bright Peacock
#11809C - Deep Soft Teal
#238B80
More blue shades
- Cyan
#00FFFF - Sky Blue
#87CEEB - Deep Sky Blue
#00BFFF - Dodger Blue
#1E90FF - Royal Blue
#4169E1 - Blue
#0000FF - Navy
#000080 - Midnight Blue
#191970 - Cadet Blue
#5F9EA0 - Cornflower Blue
#6495ED - Dark Blue
#00008B
Frequently asked questions
What is the HEX code for Teal?
The HEX code for Teal is #008080.
What is the RGB value of Teal?
Teal has an RGB value of 0, 128, 128 (rgb(0, 128, 128)). In HSL it is 180°, 100%, 25%.
What text color should I use on Teal?
Use white text on Teal. White text has a contrast ratio of 4.77:1 and black text has 4.40:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Teal?
The complementary color of Teal is #800000. Analogous colors #008040 and #004080 also pair well.