Color Rosa intenso: código #FF1493

Rosa intenso

#FF1493

Códigos del color

  • HEX#FF1493
  • RGBrgb(255, 20, 147)
  • HSLhsl(328, 100%, 54%)
  • HSVhsv(328, 92%, 100%)
  • CMYKcmyk(0%, 92%, 42%, 0%)
  • LABlab(56% 84.5 -5.7)
  • OKLCHoklch(65.5% 0.261 356.9)

Sobre el color Rosa intenso

Rosa intenso tiene el código HEX #FF1493, que corresponde a rgb(255, 20, 147) en el modelo RGB. En el círculo cromático, su tono está en 328°, con 100% de saturación y 54% de luminosidad (hsl(328, 100%, 54%)).

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 5,77:1 sobre él, frente a 3,63:1 del blanco.

Para impresión, la conversión aproximada es cmyk(0%, 92%, 42%, 0%). 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 Rosa intenso

Complementaria

#FF1493 · #14FF82

Análoga

#F714FF · #FF1493 · #FF141C

Tríada

#FF1493 · #92FF14 · #1492FF

Tetrádica

#FF1493 · #FFF714 · #14FF82 · #141CFF

Complementaria dividida

#FF1493 · #1CFF14 · #14FFF7

Monocromática

#94004F · #E00078 · #FF1493 · #FF61B5 · #FFADD9

Rosa intenso con texto blanco y negro

Texto blanco Aa Bb Cc 123
3,63:1 · solo texto grande
Texto negro Aa Bb Cc 123
5,77:1 · AA

Prueba otras combinaciones en el verificador de contraste

Rosa intenso, deeppink y hotpink

El HEX de esta página, #FF1493 (rgb(255, 20, 147)), es el deeppink de CSS: el rosa más vivo de la lista de colores con nombre, el que casi brilla. Cuidado con una trampa frecuente: el hotpink de CSS es otro color, #FF69B4, más claro y menos saturado. Si escribes esa palabra clave esperando el tono de esta página, obtendrás un rosa más suave. Ante la duda, usa el HEX.

Frente al magenta (#FF00FF), el rosa intenso tiene mucho menos azul y un toque de verde, lo que lo acerca al rojo y lo hace más cálido. El rosa de CSS (#FFC0CB) es un pastel, otra familia.

Personalidad

El rosa intenso suele comunicar energía, irreverencia, seguridad y diversión. Durante mucho tiempo se etiquetó como “color de niña” en varias culturas occidentales, una asociación relativamente reciente en la historia y cada vez más cuestionada. La moda lo recuperó como declaración de estilo, y tendencias como el llamado “Barbiecore” llevaron el rosa fuerte a pasarelas, escaparates y redes sociales. Como siempre, el significado depende de quién mira y de dónde aparece el color.

En la práctica

Branding y UI

Marcas de belleza, moda, entretenimiento y apps de citas usan el rosa intenso para destacar. En interfaces rinde bien como color de acción principal, en iconos de “me gusta” y en gráficos que necesitan un realce fuerte.

Moda y decoración

En ropa funciona tanto en looks monocromáticos como en un toque de color sobre neutros. En casa, mejor en objetos y textiles: en una pared entera domina el espacio y tiñe de rosa las superficies cercanas.

Combinaciones

Contraste: ¿texto blanco o negro?

#FF1493 tiene un contraste de 3,6:1 con blanco (solo para texto grande) y de 5,8:1 con negro, que aprueba el nivel AA. Si el botón necesita texto blanco en tamaño normal, baja a un tono como #C71585 (el mediumvioletred de CSS), que llega a 5,4:1. Pruébalo en el verificador de contraste.

Cómo usarlo en CSS

:root {
  --color-hot-pink: #FF1493;
  --color-hot-pink-rgb: 255, 20, 147;
}

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

Colores parecidos

Usa Rosa intenso en nuestras herramientas