Código de color Rojo violeta medio (#c71585)

Rojo violeta medio es #c71585 en hex y rgb(199, 21, 133): 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

Rojo violeta medio
#c71585
Nombre CSSmediumvioletred
Hex#c71585
RGBrgb(199, 21, 133)
HSLhsl(322 81% 43%)
HWBhwb(322 8% 22%)
CMYK0%, 89%, 33%, 22%

Tonos claros y oscuros

Armonías de color

Acerca de Rojo violeta medio

Rojo violeta medio (mediumvioletred) es un magenta medio y vivo con código hex #c71585, o rgb(199, 21, 133). En HSL tiene un tono de 322°, saturación de 81% y luminosidad de 43%. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: mediumvioletred; en lugar del valor hex.

Uso de Rojo violeta medio en texto y fondos

CombinaciónRatio de contrasteWCAG
Texto Rojo violeta medio sobre blanco5.42 : 1AA
Texto Rojo violeta medio sobre negro3.87 : 1AA solo para texto grande

Sobre un fondo rojo violeta medio, usa texto en blanco (5.42 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Revisa otras combinaciones con el Verificador de contraste.

CSS

.element {
  color: mediumvioletred;               /* or #c71585 */
  background-color: #c71585;
  border: 1px solid rgb(199 21 133 / 50%);
}

Colores con nombre similares

Rosa profundo (#ff1493), Magenta oscuro (#8b008b), Púrpura (#800080), Carmesí (#dc143c), Rojo indio (#cd5c5c), Orquídea oscura (#9932cc).

Preguntas frecuentes

¿Cuál es el código hex del rojo violeta medio?
#c71585 — es decir, rgb(199, 21, 133) y hsl(322, 81%, 43%). En CSS también puedes escribir simplemente mediumvioletred.
¿El texto rojo violeta medio se lee bien sobre blanco?
Su ratio de contraste sobre blanco es 5.42 : 1, lo que cumple WCAG AA para texto normal.
¿Qué colores combinan bien con el rojo violeta medio?
Su color complementario es #15c656; los colores análogos #af15c6 y #c6152d están junto a él en la rueda de color.