Everything you need to know about teal colors to inspire your next design.
Hex
RGB
HSB
HSL
Teal is a medium blue-green color that sits between green and blue on the color wheel. It's named after the Eurasian teal, a common freshwater duck whose eyes are surrounded by this color. Teal combines the calming properties of blue with the renewal qualities of green, creating a sophisticated and balanced hue that's both refreshing and serene.
#008080
Teal colors are defined by the following color codes and values to ensure consistency across various digital platforms and devices:
Teal is a versatile color that can add depth and sophistication to your designs. Here are some tips for using teal effectively:
Teal carries rich symbolism across different cultures and contexts. It's often associated with:
Balance and harmony, making it popular for wellness and mindfulness brands. Sophistication and clarity, often used in professional services and healthcare. Reliability and trustworthiness, frequently used in financial and educational institutions. Creativity and communication, popular in design and technology companies. Healing and renewal, connecting to therapeutic and environmental themes.
Historically, teal has been significant in both art and culture. The name "teal" first appeared in English in 1917, derived from the Eurasian teal duck with its distinctive colored markings. In ancient civilizations, teal-colored minerals like turquoise were highly valued and used in jewelry and decorative arts. The color gained popularity in interior design during the 1950s and 1960s, and experienced a resurgence in the 1990s. Today, teal is widely used in branding and design for its balanced, sophisticated appeal and is particularly popular in healthcare, education, and environmental sectors.
Color | Name | Hex Code | RGB |
---|---|---|---|
Teal | #008080 | rgb(0, 128, 128) | |
Dark Teal | #006666 | rgb(0, 102, 102) | |
Light Sea Green | #20B2AA | rgb(32, 178, 170) | |
Jade | #00A86B | rgb(0, 168, 107) | |
Sea Green | #2E8B57 | rgb(46, 139, 87) | |
Turquoise | #40E0D0 | rgb(64, 224, 208) |