Código de color Rosa profundo (#ff1493)

Rosa profundo es #ff1493 en hex y rgb(255, 20, 147): un magenta medio. Abajo encontrarás todos los formatos de color, tonos y sombras, armonías y qué tan legible es como texto.

Actualizado el

Rosa profundo
#ff1493
Nombre CSSdeeppink
Hex#ff1493
RGBrgb(255, 20, 147)
HSLhsl(328 100% 54%)
HWBhwb(328 8% 0%)
CMYK0%, 92%, 42%, 0%

Tonos y sombras

Armonías de color

Acerca de Rosa profundo

Rosa profundo (deeppink) es un magenta medio y vibrante con el código hexadecimal #ff1493, o rgb(255, 20, 147). En HSL tiene un tono de 328°, 100% de saturación y 54% de luminosidad. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: deeppink; en lugar del valor hexadecimal.

Uso del rosa profundo en texto y fondos

CombinaciónRatio de contrasteWCAG
Texto rosa profundo sobre blanco3.64 : 1Solo AA texto grande
Texto rosa profundo sobre negro5.77 : 1AA

Sobre un fondo rosa profundo, usa texto negro (5.77 : 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: deeppink;               /* or #ff1493 */
  background-color: #ff1493;
  border: 1px solid rgb(255 20 147 / 50%);
}

Colores con nombre similares

Rojo violeta medio (#c71585), Rosa intenso (#ff69b4), Carmesí (#dc143c), Rojo violeta pálido (#db7093), Rojo indio (#cd5c5c), Tomate (#ff6347).

Preguntas frecuentes

¿Cuál es el código hex del rosa profundo?
#ff1493: es decir, rgb(255, 20, 147) y hsl(328, 100%, 54%). En CSS también puedes escribir simplemente deeppink.
¿Es legible el texto rosa profundo sobre blanco?
Su ratio de contraste sobre blanco es 3.64 : 1, que solo cumple para texto grande (WCAG AA texto grande).
¿Qué colores combinan bien con el rosa profundo?
Su color complementario es #14ff82; los colores análogos #f714ff y #ff141c quedan junto a él en la rueda cromática.