Código de color y paleta
Tonos de Rojo
El rojo es una familia llena de energía asociada a la acción, la urgencia y el afecto. Esta colección va de suaves tonos rosados a profundos borgoña para interfaces, campañas y sistemas de marca.
Formatos de color
El mismo color base en los formatos web más habituales.
Tonos
| Color | Nombre | HEX | RGB | HSL | Copiar |
|---|---|---|---|---|---|
| Rose | #FFF1F2 | 255, 241, 242 | 356, 100%, 97% | ||
| Light Pink | #FFE4E6 | 255, 228, 230 | 356, 100%, 95% | ||
| Blush | #FECDD3 | 254, 205, 211 | 353, 96%, 90% | ||
| Salmon Pink | #FDA4AF | 253, 164, 175 | 353, 96%, 82% | ||
| Coral | #FB7185 | 251, 113, 133 | 351, 95%, 71% | ||
| Rose Red | #F43F5E | 244, 63, 94 | 350, 89%, 60% | ||
| Crimson | #E11D48 | 225, 29, 72 | 347, 77%, 50% | ||
| Ruby | #BE123C | 190, 18, 60 | 345, 83%, 41% | ||
| Burgundy | #9F1239 | 159, 18, 57 | 343, 80%, 35% | ||
| Maroon | #881337 | 136, 19, 55 | 342, 75%, 30% | ||
| Cherry | #FCA5A5 | 252, 165, 165 | 0, 94%, 82% | ||
| Tomato | #F87171 | 248, 113, 113 | 0, 91%, 71% | ||
| Red | #EF4444 | 239, 68, 68 | 0, 84%, 60% | ||
| Scarlet | #DC2626 | 220, 38, 38 | 0, 72%, 51% | ||
| Fire Red | #B91C1C | 185, 28, 28 | 0, 74%, 42% | ||
| Blood Red | #991B1B | 153, 27, 27 | 0, 70%, 35% | ||
| Dark Red | #7F1D1D | 127, 29, 29 | 0, 63%, 31% | ||
| Rust | #B45309 | 180, 83, 9 | 26, 90%, 37% | ||
| Brick | #9A3412 | 154, 52, 18 | 15, 79%, 34% | ||
| Wine | #7C2D12 | 124, 45, 18 | 15, 75%, 28% |
Palabra clave CSS: red
En CSS puedes escribirlo con la palabra clave red.
Contraste del texto
Estas relaciones usan la fórmula de luminancia relativa de las WCAG.
Formas de usar el Rojo
Llamadas a la acción principales y alertas
Marcas de alimentación, deporte y entretenimiento
Acentos cálidos sobre fondos neutros
Colores que combinan con Rojo
Armonías de la rueda de color creadas a partir de #EF4444. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.
Complementario
Abrir en la rueda de colorTonos opuestos para el máximo contraste y acentos llenos de energía.
Triádico
Abrir en la rueda de colorTres tonos equidistantes para sistemas coloridos y equilibrados.
Complementario dividido
Abrir en la rueda de colorUn color base y los dos vecinos de su complementario: contraste con menos tensión.