Guía de color
Color Rojo
#EF4444
Códigos del color rojo
Qué significa el rojo
El rojo es el color de la energía, la pasión y la urgencia. Eleva la atención y estimula decisiones rápidas, por eso domina los banners de ofertas y los botones de acción.
Cómo usarlo en diseño
Usa el rojo con moderación como acento: CTAs principales, badges y estados de error. Evita fondos grandes en interfaces de lectura.
Combinaciones de color con el rojo
Armonías calculadas con teoría del color para el matiz base 0°.
Complementario
Contraste máximo: #EF4444 + #43EFEF
Análogo
Armonía a ±30°: #EF4399 · #EF4444 · #EF9943
Triádico
Separación de 120°: #EF4444 · #43EF43 · #4343EF
Tonos del color rojo (escala 50–900)
Escala estilo Tailwind generada a partir de #EF4444.
Colores que combinan con el rojo
Preguntas frecuentes sobre el color rojo
¿Cuál es el código HEX del color rojo?
Un valor HEX muy usado para el color rojo es #EF4444, equivalente a rgb(239, 68, 68). Según el tono que busques, puedes ajustar saturación y luminosidad manteniendo el mismo matiz (0°).
¿Qué colores combinan con el rojo?
El rojo combina muy bien con white, charcoal, gold, navy. Su color complementario es #43EFEF, y una combinación triádica clásica añade #43EF43 y #4343EF.
¿Es el rojo accesible para textos y fondos?
Depende del ratio de contraste frente al otro color. Usa el verificador de contraste de NanoPalettes para comprobar el cumplimiento WCAG AA (4.5:1) y AAA (7:1) antes de usar el rojo en textos o elementos de interfaz.
Crea tu propia paleta en rojo
Genera combinaciones armónicas a partir de #EF4444 en segundos.
Abrir el generador de paletas