Código de color turquesa (#40e0d0)

Turquesa es #40e0d0 en hexadecimal y rgb(64, 224, 208), un cian medio. A continuación encontrarás todos los formatos de color, tonos y sombras, armonías y qué tan legible es como texto.

Actualizado el

Turquesa
#40e0d0
Nombre CSSturquoise
Hex#40e0d0
RGBrgb(64, 224, 208)
HSLhsl(174 72% 56%)
HWBhwb(174 25% 12%)
CMYK71%, 0%, 7%, 12%

Tonos y sombras

Armonías de color

Acerca del turquesa

Turquesa (turquoise) es un cian medio y vivo con código hex #40e0d0, o bien rgb(64, 224, 208). En HSL tiene un tono de 174°, 72 % de saturación y 56 % de luminosidad. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: turquoise; en lugar del valor hex.

Usar el turquesa en texto y fondos

CombinaciónRatio de contrasteWCAG
Texto turquesa sobre blanco1.64 : 1no cumple
Texto turquesa sobre negro12.79 : 1AAA

Sobre un fondo turquesa, usa texto en negro (12.79 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Revisa otras combinaciones con el Verificador de contraste.

CSS

.element {
  color: turquoise;               /* or #40e0d0 */
  background-color: #40e0d0;
  border: 1px solid rgb(64 224 208 / 50%);
}

Nombres de color similares

Turquesa medio (#48d1cc), Aguamarina media (#66cdaa), Turquesa oscuro (#00ced1), Verde mar claro (#20b2aa), Aguamarina (#7fffd4), Azul cielo (#87ceeb).

Preguntas frecuentes

¿Cuál es el código hex del turquesa?
#40e0d0, que equivale a rgb(64, 224, 208) y hsl(174, 72%, 56%). En CSS también puedes escribir simplemente turquoise.
¿El texto turquesa se lee bien sobre blanco?
Su ratio de contraste sobre blanco es 1.64 : 1, lo que no cumple WCAG. Úsalo como decoración o sobre un fondo oscuro.
¿Qué colores combinan bien con el turquesa?
Su color complementario es #e03e4e. Los colores análogos #3ee07f y #3e9fe0 están junto a él en el círculo cromático.