# Significado del verde azulado y por qué lo eligen las marcas [Canonical HTML page](https://gradiently.design/es/guide/teal-color-meaning) El verde azulado hace dos trabajos a la vez: calma como el azul y refresca como el verde. Ese doble significado, y que no sea un simple azul, explica por qué tantas marcas de salud, dinero y tecnología lo eligen. ## The short version - El significado del color verde azulado combina la calma, la claridad y la confianza del azul con la renovación, la salud y el equilibrio del verde. - Teal toma su nombre de la cerceta común, un pato pequeño cuyos machos lucen una mancha verde iridiscente alrededor del ojo. - El color con nombre CSS teal es #008080, un azul verdoso medio hecho de verde y azul a partes iguales y sin rojo. - Las marcas eligen el verde azulado porque transmite confianza como el azul, pero se distingue de las muchas marcas que ya usan azul. - El naranja y el coral son los complementarios naturales del verde azulado, por eso verde azulado y naranja es una pareja tan común en el cine y el diseño. El **significado del color verde azulado** es calma con pulso: une la confianza, la claridad y la serenidad del azul con la renovación, la salud y el equilibrio del verde. El verde azulado se percibe fresco pero serio, reflexivo sin ser frío. Además evita la multitud. Una marca que quiere la tranquilidad del azul sin parecerse a todos los bancos y empresas de software tiene en el verde azulado una respuesta lista, y eso explica en buena medida que aparezca en sanidad, finanzas, bienestar y tecnología. ## De dónde viene el verde azulado El color toma su nombre de la cerceta común, un pequeño pato de superficie cuyos machos llevan una banda ancha de verde iridiscente desde el ojo hacia atrás. La palabra empezó a usarse como nombre de color en inglés a principios del siglo XX. En pantalla, teal significa cantidades iguales de luz verde y azul y nada de rojo; la palabra clave CSS `teal` es exactamente eso. ```css :root { /* The CSS named colour */ --teal: teal; /* #008080, rgb(0 128 128) */ /* A practical brand scale */ --teal-100: #ccfbf1; --teal-300: #5eead4; --teal-500: #14b8a6; --teal-700: #0f766e; --teal-900: #134e4a; } ``` La palabra clave `teal` y una escala de cinco pasos que puedes pegar en una hoja de estilos. El paso 700 admite texto blanco con comodidad. ## Psicología del color verde azulado La mayoría de las asociaciones del verde azulado vienen del agua y la naturaleza: el mar tropical poco profundo, las lagunas, las pozas minerales y la pátina del cobre viejo. Esas imágenes lo hacen sentir limpio, fresco, reparador y un poco precioso. Como todo significado de un color, son asociaciones aprendidas y no reglas, y [la psicología del color](https://gradiently.design/es/guide/color-psychology) explica por qué el contexto las cambia. | Del azul | Del verde | Propio del verde azulado | | --- | --- | --- | | Confianza | Renovación | Claridad con calidez | | Calma | Salud | Fresco pero adulto | | Competencia | Equilibrio | Ni corporativo ni rústico | | Profundidad | Crecimiento | Moderno y neutro en cuanto al género | El verde azulado toma algo de sus dos padres y acaba con un carácter propio. ## Tonos de verde azulado y lo que dice cada uno - Espuma de mar: #ccfbf1 - Verde azulado agua: #5eead4 - Verde azulado vivo: #14b8a6 - Teal CSS: #008080 - Verde azulado intenso: #0f766e - Verde azulado oscuro: #134e4a - Abismo: #042f2e - Verde azulado empolvado: #5f8f8a Los verdes azulados claros se sienten ligeros y clínicos, los oscuros ricos y silenciosos, y el empolvado recuerda a interiores y artesanía. - **Espuma de mar y verde azulado agua:** frescura, spa, verano, cercanía. - **Verde azulado vivo:** energía y optimismo con un toque técnico; bueno para apps y paneles. - **Verde azulado intenso y oscuro:** seguridad, profundidad y lujo; una alternativa sólida al azul marino. - **Verde azulado empolvado:** calma, vintage y hecho a mano; funciona para menaje, cerámica y cafeterías. ## Por qué las marcas aman el verde azulado El verde azulado resuelve un problema habitual de branding. El azul es la opción segura para todo lo que tiene que ver con dinero, salud o datos, así que muchos competidores ya lo usan. El verde azulado conserva buena parte de la credibilidad del azul y añade una sensación de cuidado y frescura, justo el tono que quiere una clínica, una app de pensiones o un servicio de bienestar. Además está libre de la fuerte carga de género que tienen el rosa y algunos azules. Hay casos en que el verde azulado encaja peor. Si toda tu categoría ya se inclina hacia él, como pasa en algunos mercados de bienestar y odontología, deja de ser distintivo y necesitas un segundo elemento de firma. Un verde azulado muy vivo también puede sentirse joven y tecnológico, lo que puede chocar en un despacho de abogados con tradición o en una funeraria. En esos casos, un verde azulado empolvado o muy oscuro mantiene la calma sin el aire de startup. [Cómo elegir los colores de marca](https://gradiently.design/es/guide/how-to-choose-brand-colors) tiene un método más completo. Publicación cuadrada de una clínica sobre un degradado verde azulado tranquilo que anuncia citas el mismo día Verde azulado para una clínica: calmado, limpio y de confianza, sin el frío del azul de hospital. Publicación cuadrada de una app de finanzas sobre un fondo verde azulado intenso con la frase Tus ahorros, de un vistazo Verde azulado intenso para una app de dinero: creíble como un banco, pero más cálido y moderno. ## Cómo construir una marca en torno al verde azulado 1. **Decide cuán claro o intenso** Los verdes azulados claros se sienten abiertos y amables; los intensos, consolidados. Elige un verde azulado protagonista y anota su hex, para que todos los archivos usen exactamente el mismo color. 2. **Dale un color de texto** Comprueba qué tinta se lee sobre tu verde azulado protagonista. Los vivos piden texto casi negro; los intensos admiten blanco. 3. **Añade un acento cálido** Un coral, naranja o dorado en dosis pequeñas evita que una paleta de verde azulado se sienta clínica. Resérvalo para botones, precios o una sola forma. 4. **Pruébalo pronto en impresión** Los verdes azulados muy vivos en pantalla pueden imprimirse bastante más apagados. Pide una prueba antes de encargar empaques o rotulación; [RGB vs CMYK](https://gradiently.design/es/guide/rgb-vs-cmyk) explica por qué. 5. **Llévalo a los fondos** Las publicaciones sociales y las presentaciones son donde más se ve una marca. Un fondo verde azulado coherente en todas ellas hace más por el reconocimiento que el logotipo solo. ## Colores que combinan con el verde azulado El complementario del verde azulado está en la gama del naranja y el coral, así que los acentos cálidos lo hacen brillar. Esa oposición está también detrás de la conocida gradación verde azulado y naranja del cine, donde las sombras frías realzan la piel cálida. Para paletas más calmadas, mantén el verde azulado con sus vecinos, el azul marino y la salvia, como en los [colores análogos](https://gradiently.design/es/guide/analogous-colors). - Del verde azulado al naranja: `linear-gradient(135deg, #134e4a 0%, #0f766e 50%, #f97316 100%)` - De espuma de mar a verde azulado intenso: `linear-gradient(160deg, #ccfbf1 0%, #5eead4 50%, #0f766e 100%)` - Laguna de noche: `radial-gradient(circle at 70% 30%, #14b8a6 0%, #134e4a 50%, #042f2e 100%)` - Verde azulado y coral: `linear-gradient(135deg, #0f766e 0%, #fb7185 100%)` El verde azulado con sus complementarios cálidos y con sus propios tonos más profundos. Más en [degradados verde azulado](https://gradiently.design/es/guide/teal-gradient). ### Evita - Texto blanco sobre verde azulado vivo `#14b8a6`: unos 2,5:1 - Texto blanco sobre `#0d9488`: unos 3,7:1, aún por debajo de 4,5:1 - Del verde azulado directo al rojo, que se enfanga en el medio ### Haz - Texto casi negro sobre verde azulado vivo, alrededor de 8:1 - Texto blanco sobre verde azulado intenso `#0f766e`, unos 5,5:1 - Mezcla el verde azulado con azul marino o verde, no a través de la rueda Comprueba tus propias parejas con el método de [contraste de color y accesibilidad](https://gradiently.design/es/guide/color-contrast-accessibility), y mira los [degradados turquesa](https://gradiently.design/es/guide/turquoise-gradient) si quieres una versión más viva y soleada de la misma familia. Cuando quieras un verde azulado que sea solo tuyo, busca «verde azulado intenso» en el Mercado de Gradiently: cada Mark tiene un solo dueño a la vez y mantiene legible tu texto mientras se mueve. ## FAQ ### ¿Qué significa el color verde azulado? El verde azulado significa calma, claridad y confianza del azul, junto con renovación, salud y equilibrio del verde. Se percibe fresco y moderno, pero sigue siendo serio. ### ¿Cuál es el código hex del teal? El color con nombre CSS teal es #008080. Las marcas suelen usar versiones más claras o más intensas, como #14b8a6 o #0f766e. ### ¿El verde azulado es azul o verde? Ambos. Es un verde azulado, hecho en pantalla con luz verde y azul a partes iguales y sin rojo. ### ¿Qué color combina mejor con el verde azulado? El naranja y el coral son sus complementarios y lo hacen brillar. El azul marino, la salvia, el crema y el dorado dan combinaciones más calmadas y elegantes. ### ¿Qué simboliza el verde azulado oscuro? El verde azulado oscuro sugiere profundidad, seguridad y lujo discreto. Muchas marcas lo usan como alternativa más cálida y distintiva al azul marino.