Teal HEX Code
The HEX code for teal is #008080. Teal is a cyan-like color created by equal parts of green and blue with no red. It combines the calming qualities of blue with the renewal energy of green, making it popular in healthcare, wellness, and modern design.
Teal Color Values
| Format | Value | HEX#008080 RGBrgb(0, 128, 128) HSLhsl(180, 100%, 25%) CMYKC:100 M:0 Y:0 K:50
Teal Shades and Variations
ShadeHEXDescription Light Cyan#E0FFFFVery light teal Cyan#00FFFFBright cyan Dark Cyan#008B8BDark teal Teal#008080CSS teal Dark Teal#014D4EDeep teal Turquoise#40E0D0Bright blue-green Aquamarine#7FFFD4Light blue-green | Light Sea Green | #20B2AA | Medium teal |
Teal in Design
Teal conveys:
- Balance: Blue calm + green growth
- Sophistication: Modern, refined
- Wellness: Healthcare, spa
- Trustworthiness: Professional yet approachable
Teal Color Palettes
``css
/* Teal-based palette */
:root {
--teal-50: #F0FDFA;
--teal-100: #CCFBF1;
--teal-500: #14B8A6;
--teal-700: #0F766E;
--teal-900: #134E4A;
}
/* Teal accent design */
.teal-accent {
background-color: #F0FDFA;
border-left: 4px solid #14B8A6;
}
``
Teal vs Cyan vs Turquoise
| Color | HEX | Description | Cyan#00FFFFPure blue-green (bright) Teal#008080Dark cyan Turquoise#40E0D0Blue-green with more blue Aqua#00FFFFSame as cyan
Tailwind Teal Scale
LevelHEXUse 50#F0FDFASubtle backgrounds 200#99F6E4Light accent 500#14B8A6Primary teal 700#0F766EDark teal 900#134E4AVery dark
Brand Teals
BrandHEXIndustry TikTok#00F2EASocial media Canva#00C4CCDesign Robin Hood#00C805Finance | Deliveroo | #00CCBC | Food delivery |
Teal is an excellent choice for brands wanting to appear both professional and approachable, standing out from traditional corporate blue.