Saltar al contenido
Color Codes

Color CSS con nombre

Código de color HotPink

HotPink es un rosa claro y intenso con el código hexadecimal #FF69B4. En RGB es rgb(255, 105, 180), en HSL hsl(330, 100%, 71%) y en CMYK cmyk(0%, 59%, 29%, 0%).

HotPink
#FF69B4

Valores del color

En CSS puedes escribirlo con la palabra clave hotpink.

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

El color de Tailwind CSS más cercano es Pink 400 (#F472B6).

Usar HotPink en CSS

.element {
  color: hotpink;
  background-color: #ff69b4;
  border-color: rgb(255, 105, 180);
}

Tonos claros y oscuros de HotPink

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

Colores que combinan con HotPink

Armonías de la rueda de color creadas a partir de #FF69B4. 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 HotPink

Aa
Texto blanco
2.65:1
No cumple
Aa
Texto negro
7.93:1
AAA
Comprobar en el verificador de contraste

Colores parecidos a HotPink

Paletas con colores parecidos

Preguntas sobre HotPink

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

El código hexadecimal de HotPink es #FF69B4. Su valor RGB es rgb(255, 105, 180) y su valor HSL es hsl(330, 100%, 71%).

¿Qué colores combinan con HotPink?

El color complementario de HotPink es #6BFFB5. Para un esquema más suave prueba los colores análogos #FF6BFF y #FF6B6B; para un esquema equilibrado de tres colores usa los triádicos #B5FF6B y #6BB5FF.

¿HotPink es legible como color de texto?

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

Más colores de la familia rosas