turquoise Color Codes
Color Preview
Turquoise Color Codes
Related Colors
Complementary
#b1323b
Analogous
hsl(206, 56%, 55%)
hsl(146, 56%, 55%)
Triadic
hsl(296, 56%, 55%)
hsl(56, 56%, 55%)
Tetradic
hsl(266, 56%, 55%)
hsl(356, 56%, 55%)
hsl(86, 56%, 55%)
HTML Snippets
.element { background-color: #4ECDC4; }.element { color: #4ECDC4; }This is how the text color would appear.
<span style="color: #4ECDC4;">Colored text</span>This text has an inline style applied.
Accessibility
Contrast Ratios
Black10.85 (AA)
White1.93 (Fail)
Shades of Turquoise
hsl(176, 56%, 25%)
hsl(176, 56%, 40%)
#4ECDC4
hsl(176, 56%, 70%)
hsl(176, 56%, 85%)
Color Blindness Simulations
Protanopia (Red-Blind)
#8586a7
Deuteranopia (Green-Blind)
#7e74a1
Tritanopia (Blue-Blind)
#549691
Related Palettes
About turquoise
turquoise (#4ECDC4) 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.