El naranja de esta página es #FFA500, el color con nombre orange de CSS. Es más amarillento que el naranja que mucha gente imagina (el de la fruta o el de un cono de tránsito). Si buscas algo más rojizo, compáralo con darkorange (#FF8C00) o con el coral, que tira hacia el rosa.
Significado y percepción
Al estar entre el rojo y el amarillo, el naranja toma la energía de uno y la ligereza del otro. Se asocia con entusiasmo, creatividad, calidez e informalidad, y también con alerta: chalecos reflectantes, salvavidas y conos usan naranja porque destaca sobre casi cualquier paisaje. En México, además, es inseparable del Día de Muertos por la flor de cempasúchil. En otras culturas tiene lecturas religiosas (el azafrán en el hinduismo y el budismo) o políticas. Como cualquier color, el naranja no tiene un significado fijo.
Dónde funciona el naranja
- Llamadas a la acción: botones de compra o registro, siempre que el resto de la interfaz sea más neutro. El naranja llama la atención sin la carga de “error” del rojo.
- Marcas jóvenes y de servicios: reparto a domicilio, deporte, educación y entretenimiento lo aprovechan por su cercanía.
- Decoración: en cojines, cerámica y sillones aporta calidez a espacios grises o blancos. Para paredes, el terracota es la versión más fácil de convivir.
- Moda: el naranja quemado y el óxido son más versátiles en otoño; el naranja vivo es una prenda protagonista en verano.
Cómo combinarlo
La combinación más potente es con el azul marino (#000080), ya que azul y naranja son complementarios en el círculo tradicional. Para algo más tropical, prueba el verde azulado (#008080) o el turquesa (#40E0D0). En paletas terrosas, el naranja se entiende con el marrón (#8B4513) y respira sobre el blanco roto (#FAF9F6). La guía de armonía del color muestra cómo llegar a estas parejas.
Consejo: naranja en modo claro y oscuro
Con texto blanco, #FFA500 solo alcanza 1,97:1; con texto negro, llega a 10,6:1. Es decir, un botón naranja pide texto oscuro. Si la marca exige texto blanco, oscurece el naranja hasta algo como #B35C00, que queda cerca de 4,7:1. En modo oscuro ocurre lo contrario: el #FFA500 original funciona muy bien como acento sobre fondos casi negros, sin ningún ajuste.