Color Turquesa: código #40E0D0

Turquesa

#40E0D0

Códigos del color

  • HEX#40E0D0
  • RGBrgb(64, 224, 208)
  • HSLhsl(174, 72%, 56%)
  • HSVhsv(174, 71%, 88%)
  • CMYKcmyk(71%, 0%, 7%, 12%)
  • LABlab(81.3% -44.1 -4)
  • OKLCHoklch(82.2% 0.131 185.1)

Sobre el color Turquesa

Turquesa tiene el código HEX #40E0D0, que corresponde a rgb(64, 224, 208) en el modelo RGB. En el círculo cromático, su tono está en 174°, con 72% de saturación y 56% de luminosidad (hsl(174, 72%, 56%)).

Por su tono se percibe como un color frío: suele transmitir calma y distancia y «retrocede» visualmente en la composición.

Como fondo pide texto oscuro: el negro alcanza un contraste de 12,79:1 sobre él, frente a 1,64:1 del blanco.

Para impresión, la conversión aproximada es cmyk(71%, 0%, 7%, 12%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Turquesa

Complementaria

#40E0D0 · #E03E4E

Análoga

#3EE07F · #40E0D0 · #3E9FE0

Tríada

#40E0D0 · #CF3EE0 · #E0CF3E

Tetrádica

#40E0D0 · #7F3EE0 · #E03E4E · #9FE03E

Complementaria dividida

#40E0D0 · #E03E9F · #E07F3E

Monocromática

#16887D · #21CAB9 · #40E0D0 · #80EAE0 · #C2F5F0

Turquesa con texto blanco y negro

Texto blanco Aa Bb Cc 123
1,64:1 · no cumple WCAG
Texto negro Aa Bb Cc 123
12,79:1 · AAA

Prueba otras combinaciones en el verificador de contraste

Significado y percepción

El turquesa debe su nombre a la piedra que los europeos conocieron por rutas comerciales vinculadas a Turquía, y conserva esa relación con la joyería, el agua y los lugares cálidos. En buena parte de América Latina evoca de inmediato el Caribe, las playas de arena blanca y la artesanía con piedras turquesa, muy presente en la tradición mexicana y andina. En otros contextos, la misma piedra tiene valor protector o ceremonial, y en una empresa el tono puede leerse simplemente como fresco y tecnológico. Como toda asociación cromática, depende de la cultura, la época y el entorno; la guía de psicología del color explica por qué no hay significados universales.

Dónde funciona bien el turquesa

Con qué colores combinar

El turquesa está cerca de los 174° en el círculo cromático, así que su complementario cae en la zona del coral y el rojo anaranjado. Algunas combinaciones seguras:

Para probar variaciones, arma una paleta de colores a partir de #40E0D0.

Consejo práctico: texto sobre turquesa

El turquesa es un color claro en luminancia. El texto blanco sobre #40E0D0 ronda un contraste de 1,6:1, muy por debajo del mínimo de 4,5:1 que pide la WCAG para texto normal; el texto negro supera 12:1. Si tu marca necesita un botón turquesa, usa la etiqueta en negro o azul petróleo, u oscurece el fondo. Revisa cualquier par en el verificador de contraste.

En modo oscuro, el turquesa puro puede vibrar demasiado sobre fondos casi negros; bajar un poco la saturación o la luminosidad mejora la lectura.

Cómo usarlo en CSS

:root {
  --color-turquoise: #40E0D0;
  --color-turquoise-rgb: 64, 224, 208;
}

.elemento {
  background-color: var(--color-turquoise);
  color: #000000;
}

Colores parecidos

Usa Turquesa en nuestras herramientas