El rojo anaranjado es un color secundario vibrante y ardiente que combina la intensidad del rojo con la energía del naranja. Es dinámico y expresivo, y se sitúa entre el rojo y el naranja en el círculo cromático. Este tono abarca una gama de matices desde el bermellón brillante hasta la llama profunda, lo que lo hace perfecto para diseños que demandan atención y transmiten emoción.
El rojo anaranjado se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #FF4B33
- Valor RGB: 100% rojo, 29.4% verde y 20% azul
La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines.
Aquí hay algunas formas de usar el rojo anaranjado en tus diseños:
Inspira acción. Usa el rojo anaranjado para botones de llamada a la acción o elementos interactivos para captar la atención y fomentar clics o participación.
Evoca energía. El rojo anaranjado infunde una sensación de vitalidad y calidez, una excelente opción para aplicaciones de fitness o comunidades creativas que desean fomentar un ambiente acogedor y enérgico.
Destaca características. Usa el rojo anaranjado para resaltar características nuevas o especiales, como una herramienta recién añadida o una función por tiempo limitado.
Para variaciones dentro del mismo espectro vibrante que el rojo anaranjado, considera:
- Escarlata (#ED2100) se asemeja al rojo anaranjado, inclinándose hacia un tono rojo más pronunciado.
- Bermellón (#E34234) refleja la calidez y el brillo del rojo anaranjado, añadiendo un poco más de profundidad.
- Tomate (#FF6347) mantiene el espíritu animado del rojo anaranjado en una variante más clara.
- Llama (#E25822) evoca calidez y dinamismo, ofreciendo una mezcla similar de tonos rojos y naranjas.
Para complementar los tonos vivos del rojo anaranjado, combínalo con:
- Verde petróleo (#069494) proporciona un contrapeso fresco a la calidez del rojo anaranjado.
- Crema (#FDFBD4) ofrece un fondo neutral, permitiendo que el rojo anaranjado destaque vibrante.
- Gris pizarra (#6D8196) actúa como un complemento sutil, realzando la vivacidad del rojo anaranjado.
- Verde musgo (#8A9A5B) añade un toque terroso, armonizando bien con la intensidad del rojo anaranjado.
- Azul cielo (#87CEEB) crea un contraste llamativo con su presencia calmante y relajante.
Otros colores que vale la pena considerar incluyen rosa pastel para un contraste suave, azul marino para un esquema complementario clásico y lavanda clara para una frescura sutil.
Aunque el rojo anaranjado es versátil, puede chocar con:
- Chartreuse (#00FF00), con su viveza, podría chocar con la calidez del rojo anaranjado.
- Rosa fuerte (#FF69B4) podría ser demasiado intenso cuando se combina, potencialmente sobrecargando la armonía.
- El amarillo neón (#FFFF00) compite con la profundidad del rojo anaranjado.
- Gris frío (#CBCBCB) puede parecer deslucido cuando se yuxtapone con la audacia del rojo anaranjado.
- Morado (#800080) su frescura puede contrastar marcadamente con la calidez ardiente del rojo anaranjado.
El rojo anaranjado combina la intensa energía del rojo con la creatividad y la alegría del naranja, encarnando entusiasmo, estímulo y dinamismo. Simboliza cambio, movimiento y dinamismo, lo que lo convierte en un gran color para transmitir emoción, aventura y calidez en narrativas visuales. El rojo anaranjado es una fuerza poderosa en el diseño y la marca, evocando una mezcla de pasión y diversión.
Ten en cuenta que el color y su significado pueden variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.
La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines.
En civilizaciones antiguas, el rojo anaranjado adornaba las paredes de templos sagrados y las telas de atuendos ceremoniales, simbolizando el poder del sol y la belleza fugaz del crepúsculo. Los artesanos extraían los ricos tonos cálidos del color de fuentes naturales como el ocre y el cinabrio.
Durante el Renacimiento, los tonos rojo anaranjado fueron prominentes en las paletas de los pintores maestros. Recurrieron a los pigmentos más radiantes, como el bermellón y el rejalgar, para aportar calidez y realismo a sus obras. Grandes artistas como Turner y Van Gogh usaron el rojo anaranjado para crear cielos y paisajes.
En el siglo XX, el rojo anaranjado se convirtió en un emblema del movimiento Art Deco, representando lujo y abrazando la modernidad. Más tarde, ganó popularidad durante el movimiento psicodélico de los años 60 y 70, capturando el espíritu de rebelión y creatividad en todo, desde la moda hasta el diseño gráfico.
Hoy en día, el rojo anaranjado se celebra por su capacidad para evocar emoción e inspirar acción, convirtiéndolo en una elección dinámica para proyectos de diseño contemporáneo.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Sueño de Mandarina
Tango Tropical
Paraíso de Durazno
Verificador de contraste
Contraste 3,33
- Texto grande
#FF4B33
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Aprobado | Desaprobado | |
Aprobado | Desaprobado |
Contraste 6,31
- Texto grande
#FF4B33
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Desaprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #ff4b33, también conocido como rojo anaranjado, tiene valores RGB de R:255, G:75, B:51 y valores CMYK de C:0, M:71, Y:80, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ff4b33 | #ff4b33 |
| RGB DECIMAL | 255, 75, 51 | RGB(255,75,51) |
| RGB PERCENTAGE | 100.0, 29.4, 20.0 | RGB(100.0%,29.4%,20.0%) |
| CMYK | 0, 71, 80, 0 | |
| HSL | HSL(7.1, 100.0%, 60.0%) | HSL(7.1, 100.0%, 60.0%) |
| HSV (OR HSB) | 7.1°, 80.0, 100.0 | |
| WEB SAFE | #2555151 | #2555151 |
| BINARY | 11111111, 01001011, 00110011 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.294, blue: 0.200) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.294, blue: 0.200, alpha: 1) | |
| Android - Compose | Color(0xFFFF4B33) |
