#40e0d0 rgb(64, 224, 208) 174°, 72%, 56% Use Turquoise in Your Projects
About Turquoise Color
Turquoise is a vibrant blue-green that combines the calming properties of blue with the growth aspects of green. It is popular in resort and wellness brands.
Use Cases for Turquoise
Shades & Tints of Turquoise
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.turquoise-color {
color: #40e0d0;
background-color: #40e0d0;
}
/* As a CSS custom property */
:root {
--color-turquoise: #40e0d0;
}Accessibility Score
A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.
Contrast Recommendations
Frequently Asked Questions
What color is Turquoise?
Turquoise is represented by the hex code #40e0d0 and has RGB values of rgb(64, 224, 208). It falls under the Teal category.
How to use Turquoise in web design?
Turquoise works well for resort branding, wellness apps, jewelry. Turquoise is a vibrant blue-green that combines the calming properties of blue with the growth aspects of green. It is popular in resort and wellness brands. Use it as a primary color, accent, or background depending on your design needs.
What colors go with Turquoise?
Colors that pair well with Turquoise include mediumturquoise, paleturquoise, aquamarine, lightseagreen, darkturquoise. For a complementary scheme, try #e03e4e. For an analogous scheme, use #3ee07f and #3e9fe0. For a triadic scheme, combine with #cf3ee0 and #e0cf3e.