Código del color rosa fuerte (#ff69b4)

Rosa Fuerte es #ff69b4 en hex y rgb(255, 105, 180), un rosa claro. Abajo encontrarás todos los formatos de color, tintes y sombras, armonías y qué tan legible es como texto.

Actualizado el

Rosa Fuerte
#ff69b4
Nombre CSShotpink
Hex#ff69b4
RGBrgb(255, 105, 180)
HSLhsl(330 100% 71%)
HWBhwb(330 41% 0%)
CMYK0%, 59%, 29%, 0%

Tintes y sombras

Armonías de color

Acerca de Rosa Fuerte

Rosa Fuerte (hotpink) es un rosa claro y vibrante con código hex #ff69b4, o rgb(255, 105, 180). En HSL tiene un tono de 330°, 100% de saturación y 71% de luminosidad. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: hotpink; en lugar del valor hex.

Uso de Rosa Fuerte para texto y fondos

CombinaciónRatio de contrasteWCAG
Texto Rosa Fuerte sobre blanco2.65 : 1no cumple
Texto Rosa Fuerte sobre negro7.93 : 1AAA

Sobre un fondo rosa fuerte, usa texto en negro (7.93 : 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: hotpink;               /* or #ff69b4 */
  background-color: #ff69b4;
  border: 1px solid rgb(255 105 180 / 50%);
}

Colores con nombre similares

Rojo Violeta Pálido (#db7093), Orquídea (#da70d6), Coral Claro (#f08080), Violeta (#ee82ee), Salmón (#fa8072), Ciruela (#dda0dd).

Preguntas frecuentes

¿Cuál es el código hex del rosa fuerte?
#ff69b4, que equivale a rgb(255, 105, 180) y hsl(330, 100%, 71%). En CSS también puedes escribir simplemente hotpink.
¿Se lee bien el texto rosa fuerte sobre blanco?
Su ratio de contraste sobre blanco es 2.65 : 1, lo que no cumple WCAG. Úsalo para decoración o sobre un fondo oscuro.
¿Qué colores combinan bien con el rosa fuerte?
Su color complementario es #6bffb5, y los colores análogos #ff6bff y #ff6b6b están junto a él en la rueda de color.