Saltar al contenido
Color Codes

Color CSS con nombre

Código de color Turquoise

Turquoise es un verde azulado de luminosidad media y intenso con el código hexadecimal #40E0D0. En RGB es rgb(64, 224, 208), en HSL hsl(174, 72%, 56%) y en CMYK cmyk(71%, 0%, 7%, 12%).

Turquoise
#40E0D0

Valores del color

En CSS puedes escribirlo con la palabra clave turquoise.

El texto blanco sobre Turquoise tiene una relación de contraste de 1.64:1 y el texto negro de 12.79:1, así que el texto negro es la opción más legible.

El color de Tailwind CSS más cercano es Teal 300 (#5EEAD4).

Usar Turquoise en CSS

.element {
  color: turquoise;
  background-color: #40e0d0;
  border-color: rgb(64, 224, 208);
}

Tonos claros y oscuros de Turquoise

Diez pasos de claro a oscuro con el mismo tono. Haz clic en una muestra para copiarla.

Colores que combinan con Turquoise

Armonías de la rueda de color creadas a partir de #40E0D0. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.

Tonos opuestos para el máximo contraste y acentos llenos de energía.

Tonos vecinos para superficies tranquilas y coherentes.

Tres tonos equidistantes para sistemas coloridos y equilibrados.

Complementario dividido

Abrir en la rueda de color

Un color base y los dos vecinos de su complementario: contraste con menos tensión.

Contraste del texto sobre Turquoise

Aa
Texto blanco
1.64:1
No cumple
Aa
Texto negro
12.79:1
AAA
Comprobar en el verificador de contraste

Colores parecidos a Turquoise

Paletas con colores parecidos

Preguntas sobre Turquoise

¿Cuál es el código hexadecimal de Turquoise?

El código hexadecimal de Turquoise es #40E0D0. Su valor RGB es rgb(64, 224, 208) y su valor HSL es hsl(174, 72%, 56%).

¿Qué colores combinan con Turquoise?

El color complementario de Turquoise es #E03E4E. Para un esquema más suave prueba los colores análogos #3EE07F y #3E9FE0; para un esquema equilibrado de tres colores usa los triádicos #CF3EE0 y #E0CF3E.

¿Turquoise es legible como color de texto?

Sobre un fondo blanco, Turquoise tiene una relación de contraste de 1.64:1, que no cumple el nivel WCAG AA para texto normal (4.5:1). Sobre negro alcanza 12.79:1.

Más colores de la familia azules