Turquoise Color

Learn about Turquoise (#40e0d0): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#40e0d0
HEX #40e0d0
RGB rgb(64, 224, 208)
HSL 174°, 72%, 56%

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

resort brandingwellness appsjewelrytropical themesspa websites

Shades & Tints of Turquoise

#ffffff
#cff7f3
#a0f0e8
#70e8dc
#40e0d0
#30a89c
#207068
#103834
#000000

Complementary Color

#40e0d0
#e03e4e

Analogous Colors

#3ee07f
#40e0d0
#3e9fe0

CSS Code

.turquoise-color {
  color: #40e0d0;
}

Contrast Recommendations

Black text on Turquoise
Ratio: 12.79:1 ✓ Passes AA ✓ Passes AAA
White text on Turquoise
Ratio: 1.64:1 ✗ Fails AA ✗ Fails AAA

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.