Codes & values
- Color Name
Teal - Color ID
KDF-C-00032896 - HEX
#008080 - RGB
rgb(0, 128, 128) - RGBA
rgba(0, 128, 128, 1) - HSL
hsl(180, 100%, 25%) - HSLA
hsla(180, 100%, 25%, 1) - HSV / HSB
hsv(180, 100%, 50%) - CMYK
cmyk(100%, 0%, 0%, 50%) - Light / Dark
dark
Quick answers
- What is the HEX code for Teal?
- #008080
- What is Teal RGB?
- rgb(0, 128, 128)
- What is Teal HSL?
- hsl(180, 100%, 25%)
- What is Teal CMYK?
- cmyk(100%, 0%, 0%, 50%)
What is Teal?
Teal is a curated cyan family color at #008080. It appears in our library with tags for web, design, ui and matches the CSS named color keyword. This shade classifies as dark — strong for text, dark-mode surfaces, or dramatic branding. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..
Teal HEX code
The HEX code for Teal is #008080. Paste it into CSS as color: #008080; or background-color: #008080;. Design tools accept the same six-digit value without the # prefix (008080).
Teal RGB
Teal in RGB is rgb(0, 128, 128) (channels R 0, G 128, B 128). Use RGB when you need opacity via rgba(0, 128, 128, 1).
Teal HSL & HSV
HSL is hsl(180, 100%, 25%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(180, 100%, 50%), closer to how many digital pickers expose hue, saturation, and brightness.
Teal CMYK
Approximate CMYK for Teal is cmyk(100%, 0%, 0%, 50%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Teal
Darker shades (mixed toward black): #006B6B, #005555, #004040, #002B2B, #001515. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Teal
Lighter tints (mixed toward white): #2B9595, #55AAAA, #80C0C0, #AAD5D5, #D5EAEA. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Teal
Complementary pairing: #008080, #800000. Analogous neighbors: #008040, #008080, #004080. Triadic accents: #008080, #800080, #808000. Always check text contrast when pairing.
Teal color combinations
A practical combo: primary #008080, complementary accent #800000, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #008080, #800040, #804000.
Teal in web design
Cyan and teal feel modern and technical. They suit dashboards, SaaS accents, and ocean-inspired branding when balanced with neutrals.
Teal in branding
Teal brands feel fresh and digital-native — popular with fintech and travel startups. Contrast vs white is 4.77:1 (passes WCAG AA for normal text); vs black 4.40:1.
Frequently asked questions
- What is the HEX code for Teal?
- Teal: #008080.
- What is Teal RGB?
- Teal: rgb(0, 128, 128).
- What is Teal HSL?
- Teal: hsl(180, 100%, 25%).
- What is Teal CMYK?
- Teal: cmyk(100%, 0%, 0%, 50%).
- What colors go with Teal?
- Try complementary #008080, #800000 or analogous #008040, #008080, #004080.
- Is Teal good for text on white?
- Yes — contrast 4.77:1 meets WCAG AA for normal text.
Accessibility snapshot
Contrast vs white: 4.77:1 (AA body text pass). Contrast vs black: 4.40:1. Complementary swatch: #008080, #800000.
Explore related
Cyan colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK