What is color #008080?
#008080, known as Teal, is a aquatic cyan with HSL 180°, 100%, 25%. Its balanced saturation and dark lightness place it in a cool part of the spectrum.
This color evokes freshness and clarity, which explains why it works well in technology products, winter collections, and clean utility apps.
Paired with its complement #800000, #008080 produces dynamic contrast. For softer compositions, use it sparingly as an accent against a quieter backdrop.
Conversions for #008080
HEX
#008080
RGB
0, 128, 128
HSL
180°, 100%, 25%
HSV
180°, 100%, 50%
CMYK
100%, 0%, 0%, 50%
XYZ
11.62, 17.00, 23.09
CIE-Lab
48.26, -28.84, -8.48
Web safe
#009999
WCAG accessibility of #008080 (Teal)
On white
4.77 : 1
Sample #008080
Rating: AA
On black
4.40 : 1
Sample #008080
Rating: AA Large
Tones of Teal (desaturated variations of #008080)
Color harmonies for #008080
Colors similar to #008080
Gradients featuring #008080
Linear to white
Linear to black
To complement
Radial
Tri-stop
Analogous
UI elements in #008080
Buttons
NewFeaturedBeta
Notification
Short description with accent.
"Color awakens a specific emotional response."
Typography in #008080
The quick brown fox
jumps over the lazy dog
1234567890 — & @ # ! ?
Body text rendered in #008080.
const color = "#008080";
CSS & Tailwind snippets for #008080
Background
.bg-008080 { background-color: #008080; }Text color
.text-008080 { color: #008080; }Border
.border-008080 { border: 1px solid #008080; }Box shadow
.shadow-008080 { box-shadow: 0 4px 14px #00808040; }CSS variable
:root { --color-008080: #008080; }Tailwind config
colors: {
'teal': '#008080',
}