Paleta de colores

Color rojo

El rojo puro de la pantalla, con el canal rojo al máximo y sin verde ni azul. Llama la atención más rápido que cualquier otro color, por eso se usa en avisos, ofertas y botones de acción. En exceso cansa la vista, así que suele usarse en pequeñas dosis.

También llamado: colorado.

Rojo · #FF0000

Datos del color rojo

El rojo (#FF0000) es un color cálido, de luminosidad media y muy saturado. Pertenece a la familia de los rojos. Se mezcla con 255 de rojo, 0 de verde y 0 de azul (sobre 255). Se usa sobre todo en logos, señalética, moda, web.

Tonos del rojo: claros y oscuros

Del más claro al más oscuro. Toca un tono para copiar su código.

Colores que combinan con el rojo

NegroUn dúo poderoso y elegante.BlancoFresco y alegre.Azul marinoClásico de estilo náutico.GrisCalma el rojo y lo hace sobrio.BeigeUna base cálida y elegante.DoradoLujo y fiesta.CamelUn contraste cálido y sofisticado.Rosa paloUn contraste suave y de moda.
Cómo combinar el rojo en ropa y decoración →

Armonías del color rojo

Combinaciones según el círculo cromático. Más en armonías de color.

ComplementarioCercano a: Cian
AnálogosCercano a: Rosa fuerte, Naranja
TríadaCercano a: Verde neón, Azul
Complementario divididoCercano a: Verde menta, Azul eléctrico
TétradaCercano a: Chartreuse, Cian, Violeta

Paletas con el color rojo

Copia los códigos o abre la paleta en el editor para ajustarla.

Paleta Monocromática · Rojo
Paleta Análoga · Rojo
Paleta Complementaria · Rojo
Paleta Tríada · Rojo
Paleta Con neutros · Rojo
Paleta Con acento · Rojo

Contraste del rojo con texto

Texto blancoContraste 4.0:1 · AA texto grande
Texto negroContraste 5.3:1 · AA

Según las pautas WCAG 2.1. Revisa otras parejas en el verificador de contraste.

Código CSS

:root {
  --rojo: #FF0000;
  --rojo-rgb: 255, 0, 0;
}
.fondo { background-color: var(--rojo); }
.texto { color: var(--rojo); }

Colores parecidos al rojo

EscarlataRojo FerrariNaranja rojizoNaranja neónBermellónCerezaRojo tomateCaobaCalabazaCarmesí

Otros rojos

CarmesíEscarlataBermellónGranateBorgoñaVinoCarmínRubíCerezaRojo ladrilloRojo sangreMarsalaRojo tomateRojo FerrariRojo indio

Preguntas frecuentes

¿Cuál es el código del color rojo?

El código HEX del color rojo es #FF0000. En RGB es rgb(255, 0, 0), en HSL es hsl(0, 100%, 50%) y en CMYK es 0, 100, 100, 0.

¿Qué color es el complementario del rojo?

Su complementario en el círculo cromático es #00FFFF, un tono cercano al cian. Usado en pequeñas dosis sirve como acento y da mucho contraste.

¿Se puede usar texto blanco sobre el color rojo?

Mejor usa texto negro: el contraste con blanco es solo 4.0:1, mientras que con negro es 5.3:1.

¿Con qué colores combina el rojo?

Combina bien con negro, blanco, azul marino, gris, beige. Evita combinarlo con verde brillante, porque se ve navideño, o con naranja intenso, porque satura. Usar mucho rojo en grandes superficies cansa.