Teal Color
About Teal
Teal is one of the 148 CSS named colors recognized by all modern browsers. You can use it in CSS by name (color: teal;) or by its HEX code (color: #008080;).
This shade is generally considered a mid-tone color. That makes it useful for designers who need to quickly judge whether the color is better suited for backgrounds, accents, borders, or text treatments before moving it into a real interface.
Usage in CSS
color: teal;
/* or */
color: #008080;
/* or */
color: rgb(0, 128, 128);
}
Design Notes
Teal often works best with white text, pale neutrals, or light UI accents. If you are building UI components, presentations, dashboards, or brand materials, test the color in context rather than relying only on the raw HEX code because spacing, typography, and surrounding colors can change how the final shade feels.
It can also help to compare Teal with nearby named colors before locking in a palette. Similar colors may have the same overall tone but very different saturation or lightness, which affects readability, hierarchy, and perceived brand personality.
Frequently Asked Questions
What is the HEX code for Teal?
The HEX code for Teal is #008080.
What is the RGB value of Teal?
The RGB value is rgb(0, 128, 128).