Color meaning
Teal
Introducing Teal (#0D8C8C), a deep, balanced blue-green shade. Its poise gives storefronts a modern, healthy feel, while its saturation makes it a versatile choice for buttons, category headers, and eco-minded packaging that should look fresh yet grounded.
Teal code conversions
- HEX
- #0D8C8C
- RGB
- rgb(13, 140, 140)
- HSL
- hsl(180, 83%, 30%)
- HSB
- hsb(180, 91%, 55%)
- CMYK
- cmyk(91%, 0%, 0%, 45%)
Teal color harmonies
Teal contrast
Your catchy large text
Small body copy sitting on Teal.
Your catchy large text
Small body copy sitting on Teal.
Teal color variations
Shades
Mixed toward black: deeper steps for backgrounds and hover states.
Tints
Mixed toward white: softer steps for surfaces and disabled states.
Tones
Mixed toward gray: muted, sophisticated steps that lower the intensity.
Hues
Rotated around the wheel: related hues at the same lightness and saturation.
Brands that use colors like Teal
Matched by color distance against real palettes extracted from live storefronts.
Related blue colors
Teal: frequently asked
What color is Teal?
Teal (#0D8C8C) is a medium-dark blue-green with even saturation. In e-commerce interfaces it reads as fresh and composed, sitting between a pure blue and a green.
What is the meaning of Teal?
Teal signals balance, wellness, and modern trust. Brands reach for it when they want customers to feel both reassured and refreshed, common in health, beauty, and sustainable goods.
How do I use Teal (#0D8C8C) in e-commerce design?
Use Teal for CTAs, category headers, and price accents, and pair it with warm neutrals or a soft coral to balance its coolness. Reserve it for the elements you want shoppers to notice first, keeping large fills lighter.
Using Teal color codes
Copy Teal in HEX, RGB, HSL, HSB, and CMYK below to match it across your web store, app, and packaging.
Colors are just the start
See these colors at work in real, looping storefront captures. The whole library is free to browse.
Free to browse · Pro unlocks the MCP