HTML named color
Turquoise color code
Use the Turquoise HTML color with HEX #40E0D0, RGB 64,224,208 and HSL 174,72%,56%. Copy CSS examples, shades and accessible contrast combinations.
Bleus
#40E0D0
rgb(64,224,208)
HEX
#40E0D0RGB
rgb(64,224,208)HSL
hsl(174,72%,56%)OKLCH
oklch(82.2% 0.131 185.1)CSS name
turquoiseHow to use this color
Turquoise can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.
CSS examples
.text-turquoise {
color: #40E0D0;
}
.bg-turquoise {
background-color: turquoise;
}
.border-turquoise {
border-color: rgb(64,224,208);
}Shades palette
#072C28#12635B#209D90#2FD0C0#68D9CE#A3E6DF#D8F3F1