Significado del color amarillo: sol, precaución y diseño legible

El significado del color amarillo es, ante todo, el sol: calidez, optimismo, alegría y energía. Como el amarillo es el más claro y llamativo de los colores saturados, también significa atención y precaución, de las rayas de una avispa a una señal de tráfico. En branding se percibe como cercano, asequible y animado. Bien usado, es inolvidable. Usado sin cuidado, es el color con más probabilidades de hacer ilegible el texto, y por eso esta guía dedica tanto espacio al contraste como al significado.

Qué significa el amarillo

• Sol y calidez: el color de la luz del sol, el verano y la fruta madura, así que resulta luminoso y generoso.
• Optimismo y alegría: las caras sonrientes, los girasoles y los envases alegres se apoyan en él.
• Atención: los subrayadores amarillos, las notas adhesivas y las etiquetas de precio existen porque el amarillo se ve.
• Precaución: la cinta de peligro, las señales de advertencia y las rayas negras y amarillas que comparten avispas, abejas y naves industriales.
• Menos favorecedor: en inglés, «yellow» puede significar cobarde, y los amarillos pálidos y enfermizos pueden sugerir enfermedad o vejez.

Como con cualquier color, estas asociaciones son aprendidas y dependen del contexto. Un amarillo mantequilla suave en una caja de pastelería y un amarillo de peligro en una señal de obras son el mismo tono con mensajes opuestos; la psicología del color explica por qué.

Qué significa cada tono de amarillo

El amarillo y la legibilidad

El amarillo es casi tan claro como el blanco, así que se comporta como un fondo claro, por estridente que parezca. El texto blanco sobre girasol #FFD60A da 1,41:1, muy por debajo del 4,5:1 que WCAG pide para el texto principal. El amarillo puro sobre blanco es peor, 1,07:1: casi invisible. Dale la vuelta y el amarillo se convierte en uno de los mejores fondos que existen: el negro sobre amarillo puro alcanza 19,56:1.

Cualquier amarillo de este artículo aprueba con holgura con un casi negro: mostaza con #111111 alcanza 9,15:1, y mantequilla con marrón profundo #3A2E05 alcanza 11,78:1. Contraste de color explica los umbrales.

Por qué el amarillo oscuro se vuelve verde y cómo evitarlo

Si añades negro al amarillo no obtienes un amarillo más profundo, sino oliva. Por eso los amarillos profundos como el mostaza, el dorado y el ámbar se consiguen desplazando el tono hacia el naranja y añadiendo un toque de marrón. Lo mismo vale para los degradados amarillos: haz que el extremo oscuro pase por el ámbar y el sombra tostada, no por el gris.

Matices, tonos y sombras explica por qué el amarillo se comporta así, y degradados amarillos tiene más códigos basados en el mismo principio.

El significado del amarillo en distintas culturas

• China: el amarillo fue históricamente el color imperial, reservado al emperador, y aún transmite dignidad.
• Hinduismo y budismo: el azafrán y el amarillo intenso tienen un significado sagrado, visible en las túnicas de muchos monjes budistas.
• Ciclismo: el líder del Tour de Francia viste el maillot amarillo, el maillot jaune.
• Norteamérica: los autobuses escolares amarillos y los lazos amarillos, señal de esperanza por el regreso de alguien.
• En todas partes: la combinación negra y amarilla de las señales de advertencia se lee como precaución en casi todo el mundo.

Para el amarillo junto al rojo, el blanco y el negro, mira el significado de los colores en distintas culturas.

El amarillo en el branding

Las marcas amarillas parecen cercanas, rápidas y accesibles, por eso el amarillo es habitual en reparto, comercio low cost, comida rápida y productos infantiles. Como es tan estridente, las identidades amarillas más fuertes lo usan como campo con texto negro, o como un único acento entre neutros. Una página entera de amarillo detrás de fotos amarillas cansa la vista enseguida.

Buenos compañeros son el carbón y el negro para dar fuerza, el azul marino y el cobalto para un contraste seguro, y el crema cálido o la terracota para una sensación más suave y soleada. Combinar el amarillo con otros colores estridentes es posible, pero sigue las reglas de paletas de colores vivos para que el texto siga teniendo un lugar tranquilo donde apoyarse.

Los fondos amarillos son donde la tinta automática de Gradiently demuestra su valor: un Mark elige texto claro u oscuro línea a línea a partir de su propia paleta, así que el texto sobre un Mark amarillo nunca acaba en blanco sobre sol. Con Pro, el mismo diseño se redimensiona a todos los formatos en un paso y el texto sigue siendo legible.