turquoise Color Codes

Color Preview: Turquoise
Turquoise Color Values
Related Colors

Complementary

#bf1f2f

Analogous

#3e9fe0
#3ee07f

Triadic

#cf3ee0
#e0cf3e

Tetradic

#7f3ee0
#e03e4e
#9fe03e
HTML Snippets
.element { background-color: #40E0D0; }
.element { color: #40E0D0; }

This is how the text color would appear.

<span style="color: #40E0D0;">Colored text</span>

This text has an inline style applied.

Accessibility

Contrast Ratios

Black12.79 (AAA)
White1.64 (Fail)
Shades of Turquoise
#137268
#1db4a5
#40E0D0
#80eae0
#c2f5f0
Color Blindness Simulations

Protanopia (Red-Blind)

#8587ad

Deuteranopia (Green-Blind)

#7c70a5

Tritanopia (Blue-Blind)

#489b94

Related Palettes

This color is not part of any predefined palettes.

About turquoise

turquoise (#40E0D0) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.