HTML named color
Teal color code
Use the Teal HTML color with HEX #008080, RGB 0,128,128 and HSL 180,100%,25%. Copy CSS examples, shades and accessible contrast combinations.
Bleus
#008080
rgb(0,128,128)
HEX
#008080RGB
rgb(0,128,128)HSL
hsl(180,100%,25%)OKLCH
oklch(54.3% 0.093 194.8)CSS name
tealHow to use this color
Teal can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.
CSS examples
.text-teal {
color: #008080;
}
.bg-teal {
background-color: teal;
}
.border-teal {
border-color: rgb(0,128,128);
}Shades palette
#003333#027474#06B7B7#0BF4F4#4EF4F4#92F6F6#D1FAFA