What color is Teal?
Teal is a medium blue-green with a cool, slightly muted tone, hex #069494, similar in depth to the surface of a calm ocean inlet. The color has enough blue to feel cool but enough green to soften it away from a pure sky blue.
What is the meaning of the color Teal?
Named after the Eurasian teal, a freshwater duck with a distinctive blue-green stripe around its eye, the color first appeared in English as a color name around 1917. It spread through textile and interior design in the mid-20th century as a popular alternative to more saturated blues and greens. In 1992, teal became a signature color when the San Jose Sharks adopted it as one of their primary uniform colors, a move that helped establish the color as a recognized option in professional sports branding.
RGB
6, 148, 148
HSL
180°, 92%, 30%
CMYK
96, 0, 0, 42
HSV
180°, 96%, 58%
What colors go with Teal?
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #069494 |
color: #069494;
|
| RGB | 6, 148, 148 |
color: rgb(6, 148, 148);
|
| RGB Percentage | 2%, 58%, 58% |
color: rgb(2%, 58%, 58%);
|
| CMYK | 96%, 0%, 0%, 42% | Not supported in CSS |
| HSL | 180°, 92%, 30% |
color: hsl(180, 92%, 30%);
|
| HSV | 180°, 96%, 58% | Not supported in CSS |
| CIE-LAB | 24, -28, 0 |
color: lab(24% -28 0);
|
| Decimal | 431252 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.teal {
color: #069494;
}
SCSS
$teal: #069494;
RGB
rgb(6, 148, 148)
Accessibility & Contrast
White background
3.70:1
3.70
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
5.67:1
5.67
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element