Teal Color Picker & Palette
Teal blends the calm of blue with the freshness of green. It's sophisticated, modern, and highly versatile in web design.
#008080
rgb(0, 128, 128)
hsl(180, 100%, 25%)
oklch(0.543 0.093 194.8)
cmyk(100%, 0%, 0%, 50%)
Use Cases
Modern web applications
Healthcare and wellness brands
Financial dashboards
Nature and eco-friendly themes
Tips
Teal works as both an accent and primary color
Lighter teals make excellent link colors
Pair teal with coral or salmon for warmth
FAQ
What is the HEX code for teal?
CSS teal is #008080, equivalent to RGB(0, 128, 128).
Is teal accessible?
Teal (#008080) has a contrast ratio of 5.26:1 against white, passing WCAG AA for normal text.
What colors go with teal?
Teal pairs with coral (complement), white, gold, cream, and analogous colors like blue and green.
How do I make teal in HSL?
Teal (#008080) in HSL is hsl(180, 100%, 25%).
Explore More Free Tools