Código de color turquesa medio (#48d1cc)

Turquesa medio es #48d1cc en hex y rgb(72, 209, 204), un cian medio. Abajo encontrarás cada formato de color, tintes y sombras, armonías y qué tan legible es como texto.

Actualizado el

Turquesa medio
#48d1cc
Nombre CSSmediumturquoise
Hex#48d1cc
RGBrgb(72, 209, 204)
HSLhsl(178 60% 55%)
HWBhwb(178 28% 18%)
CMYK66%, 0%, 2%, 18%

Tintes y sombras

Armonías de color

Acerca del turquesa medio

Turquesa medio (mediumturquoise) es un cian medio y vivo con el código hex #48d1cc, o rgb(72, 209, 204). En HSL tiene un tono de 178°, 60 % de saturación y 55 % de luminosidad. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: mediumturquoise; en lugar del valor hex.

Uso del turquesa medio para texto y fondos

CombinaciónRelación de contrasteWCAG
Texto turquesa medio sobre blanco1.86 : 1no cumple
Texto turquesa medio sobre negro11.27 : 1AAA

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

CSS

.element {
  color: mediumturquoise;               /* or #48d1cc */
  background-color: #48d1cc;
  border: 1px solid rgb(72 209 204 / 50%);
}

Colores con nombre similares

Turquesa (#40e0d0), Aguamarina media (#66cdaa), Verde mar claro (#20b2aa), Azul cielo (#87ceeb), Azul cadete (#5f9ea0), Aguamarina (#7fffd4).

Preguntas frecuentes

¿Cuál es el código hex del turquesa medio?
#48d1cc, que equivale a rgb(72, 209, 204) y hsl(178, 60%, 55%). En CSS también puedes escribir simplemente mediumturquoise.
¿Es legible el texto turquesa medio sobre blanco?
Su relación de contraste sobre blanco es 1.86 : 1, lo que no cumple WCAG. Úsalo para decoración o sobre un fondo oscuro.
¿Qué colores combinan bien con el turquesa medio?
Su color complementario es #d1474c; los colores análogos #47d188 y #4791d1 están junto a él en la rueda de color.