El azul es el color favorito de más personas en el mundo que cualquier otro. Su espectro es extraordinariamente amplio: desde el celeste casi blanco hasta el azul marino casi negro, pasando por turquesas, cobaltos, zafiros y aceros. A continuación, 40 tonos azules con sus códigos listos para copiar. Haz clic en cualquier código para copiarlo al portapapeles.
💙 40 tonos azules
💡 HEX · RGB · CMYK
📋 Copia con un clic
¿Cómo usar estos códigos? Los códigos HEX sirven para CSS y diseño web. Los valores RGB son ideales para pantallas y diseño digital. Los datos CMYK se usan en impresión profesional. Haz clic en cualquier valor para copiarlo directamente.
40 colores
Copiar HEX
Azul puro
El azul puro del estándar RGB y HTML. Canal rojo y verde a cero, azul al máximo.
HEX#0000FF⎘
RGB0, 0, 255⎘
CMYK100, 100, 0, 0⎘
Copiar HEX
Azul marino
Oscuro y elegante. El favorito del diseño corporativo, la moda y la marina.
HEX#001F5B⎘
RGB0, 31, 91⎘
CMYK100, 66, 0, 64⎘
Copiar HEX
Celeste
Claro y fresco, como el cielo despejado a mediodía. Muy usado en infantil y sanidad.
HEX#87CEEB⎘
RGB135, 206, 235⎘
CMYK43, 12, 0, 8⎘
Copiar HEX
Azul cobalto
Vibrante e intenso. Pigmento clásico de artistas desde el siglo XIX.
HEX#0047AB⎘
RGB0, 71, 171⎘
CMYK100, 58, 0, 33⎘
Copiar HEX
Azul zafiro
Profundo y brillante como la piedra preciosa. Transmite lujo y sofisticación.
HEX#0F52BA⎘
RGB15, 82, 186⎘
CMYK92, 56, 0, 27⎘
Copiar HEX
Azul bebé
Suave y tierno. El azul pastel por excelencia en diseño infantil y cosmética.
HEX#89CFF0⎘
RGB137, 207, 240⎘
CMYK43, 14, 0, 6⎘
Copiar HEX
Azul índigo
Entre el azul y el violeta. Color del arcoíris más cercano al ultravioleta.
HEX#4B0082⎘
RGB75, 0, 130⎘
CMYK42, 100, 0, 49⎘
Copiar HEX
Azul real
El azul clásico de los uniformes reales y las banderas nacionales.
HEX#4169E1⎘
RGB65, 105, 225⎘
CMYK71, 53, 0, 12⎘
Copiar HEX
Azul aciano
Suave y floral, como la flor del aciano silvestre. Muy usado en diseño digital.
HEX#6495ED⎘
RGB100, 149, 237⎘
CMYK58, 37, 0, 7⎘
Copiar HEX
Azul prusia
Oscuro y denso. Primer pigmento azul sintético, descubierto en 1704 en Berlín.
HEX#003153⎘
RGB0, 49, 83⎘
CMYK100, 41, 0, 67⎘
Copiar HEX
Azul pálido
Grisáceo y sutil. El azul más suave, ideal para fondos relajantes y diseño nórdico.
HEX#B0E0E6⎘
RGB176, 224, 230⎘
CMYK23, 3, 0, 10⎘
Copiar HEX
Azul acero
Frío y metálico. Muy popular en diseño corporativo, tecnología e industria.
HEX#4682B4⎘
RGB70, 130, 180⎘
CMYK61, 28, 0, 29⎘
Copiar HEX
Azul eléctrico
Brillante y energético. Muy usado en apps, redes sociales y diseño digital.
HEX#1E90FF⎘
RGB30, 144, 255⎘
CMYK88, 44, 0, 0⎘
Copiar HEX
Azul noche
Casi negro con intenso tinte azul. El cielo justo antes del amanecer.
HEX#191970⎘
RGB25, 25, 112⎘
CMYK78, 78, 0, 56⎘
Copiar HEX
Azul hielo
Casi blanco con un toque de azul glacial. Perfecto para fondos y diseño minimal.
HEX#D6EAF8⎘
RGB214, 234, 248⎘
CMYK14, 6, 0, 3⎘
Copiar HEX
Azul cerúleo
El color del cielo abierto en un día despejado. Fresco y equilibrado.
HEX#2A9FD6⎘
RGB42, 159, 214⎘
CMYK80, 26, 0, 16⎘
Copiar HEX
Azul Oxford
Oscuro e institucional. Color oficial de la Universidad de Oxford desde 1828.
HEX#002147⎘
RGB0, 33, 71⎘
CMYK100, 54, 0, 72⎘
Copiar HEX
Azul pervinca
Entre el azul y el lila. Suave y romántico. Muy popular en diseño de moda.
HEX#CCCCFF⎘
RGB204, 204, 255⎘
CMYK20, 20, 0, 0⎘
Copiar HEX
Azul petróleo
Grisáceo y profundo. Muy usado en interiores, moda masculina y branding premium.
HEX#1C3A5E⎘
RGB28, 58, 94⎘
CMYK70, 38, 0, 63⎘
Copiar HEX
Azul Alicia
Casi blanco con un toque azul muy sutil. Fondo ideal en diseño web minimalista.
HEX#F0F8FF⎘
RGB240, 248, 255⎘
CMYK6, 3, 0, 0⎘
Copiar HEX
Azul denim
El azul de los vaqueros. Icónico en moda casual desde el siglo XIX.
HEX#1560BD⎘
RGB21, 96, 189⎘
CMYK89, 49, 0, 26⎘
Copiar HEX
Azul pizarra
Grisáceo y apagado, como la pizarra natural. Ideal para texto y UI neutros.
HEX#6A7F9A⎘
RGB106, 127, 154⎘
CMYK31, 18, 0, 40⎘
Copiar HEX
Classic Blue
Pantone Color del Año 2020. Confiable, tranquilo y atemporal en diseño.
HEX#0F4C81⎘
RGB15, 76, 129⎘
CMYK88, 41, 0, 49⎘
Copiar HEX
Azul Columbia
Pálido y académico. Color oficial de la Universidad de Columbia de Nueva York.
HEX#C4D8E2⎘
RGB196, 216, 226⎘
CMYK13, 4, 0, 11⎘
Copiar HEX
Azul Capri
Brillante y mediterráneo. Evoca el mar de la isla de Capri en verano.
HEX#00BFFF⎘
RGB0, 191, 255⎘
CMYK100, 25, 0, 0⎘
Copiar HEX
Azul oscuro pizarra
Entre el azul oscuro y el violeta. Sofisticado y con mucha profundidad.
HEX#483D8B⎘
RGB72, 61, 139⎘
CMYK48, 56, 0, 45⎘
Copiar HEX
Azul cian neón
Máxima saturación y brillo. Cian puro, imprescindible en diseño cyberpunk y gaming.
HEX#00FFFF⎘
RGB0, 255, 255⎘
CMYK100, 0, 0, 0⎘
Copiar HEX
Azul social
El azul de las redes sociales. Familiar, accesible y altamente reconocible digitalmente.
HEX#1DA1F2⎘
RGB29, 161, 242⎘
CMYK88, 33, 0, 5⎘
Copiar HEX
Azul lapislázuli
Mineral histórico más valioso que el oro en la antigüedad. Azul profundo y rico.
HEX#26619C⎘
RGB38, 97, 156⎘
CMYK76, 38, 0, 39⎘
Copiar HEX
Azul agua
Claro y refrescante como el agua limpia. Ligero, tranquilizador y versátil.
HEX#ADD8E6⎘
RGB173, 216, 230⎘
CMYK25, 6, 0, 10⎘
Copiar HEX
Azul maya
El pigmento azul más resistente de la antigüedad, usado en templos mayas y aztecas.
HEX#73C2FB⎘
RGB115, 194, 251⎘
CMYK54, 23, 0, 2⎘
Copiar HEX
Azul Yale
Oscuro y académico. Color institucional de la Universidad de Yale desde 1894.
HEX#0D4F8B⎘
RGB13, 79, 139⎘
CMYK91, 43, 0, 45⎘
Copiar HEX
Azul lavanda
Casi blanco con toque violáceo. Delicado y romántico. Muy usado en wellness.
HEX#E6E6FA⎘
RGB230, 230, 250⎘
CMYK8, 8, 0, 2⎘
Copiar HEX
Azul rey
Intenso y saturado. El azul que más comúnmente se asocia con el poder y la autoridad.
HEX#003EA5⎘
RGB0, 62, 165⎘
CMYK100, 62, 0, 35⎘
Copiar HEX
Azul Dodger
El azul icónico de los equipos deportivos americanos. Energético y reconocible.
HEX#005A9C⎘
RGB0, 90, 156⎘
CMYK100, 42, 0, 39⎘
Copiar HEX
Azul espacial
Casi negro con tinte azul profundo. Evoca el cosmos y el universo sin límites.
HEX#0D1B2A⎘
RGB13, 27, 42⎘
CMYK69, 36, 0, 84⎘
Copiar HEX
Azul Majorelle
Vibrante e intenso. El azul del célebre jardín de Marrakech de Yves Saint Laurent.
HEX#6050DC⎘
RGB96, 80, 220⎘
CMYK56, 64, 0, 14⎘
Copiar HEX
Azul fantasma
Pálido y grisáceo, casi espectral. Muy usado en fondos de UI modernos y minimalistas.
HEX#C8D8E8⎘
RGB200, 216, 232⎘
CMYK14, 7, 0, 9⎘
Copiar HEX
Azul Klein
El International Klein Blue (IKB). Creado por Yves Klein en 1960. Icono del arte conceptual.
HEX#002FA7⎘
RGB0, 47, 167⎘
CMYK100, 72, 0, 35⎘
Copiar HEX
Azul institucional
El azul de organismos internacionales, banderas y logos corporativos globales.
HEX#00308F⎘
RGB0, 48, 143⎘
CMYK100, 66, 0, 44⎘
Copiar HEX
Azul porcelana
Grisáceo y suave, como la porcelana china pintada a mano. Refinado y elegante.
HEX#A2C4D0⎘
RGB162, 196, 208⎘
CMYK22, 6, 0, 18⎘
Copiar HEX
Azul vivo
Saturado y llamativo. El punto medio perfecto entre profundidad y luminosidad.
HEX#0A6EBD⎘
RGB10, 110, 189⎘
CMYK95, 42, 0, 26⎘
Copiar HEX
Azul Tiffany
El azul-verdoso icónico de las cajas Tiffany & Co. Símbolo de lujo y exclusividad.
HEX#0ABAB5⎘
RGB10, 186, 181⎘
CMYK95, 0, 3, 27⎘
Ningún color tiene una relación tan profunda con la psicología humana y con la historia del diseño como el azul. Desde el lapislázuli que en la antigüedad valía más que el oro hasta el International Klein Blue registrado como obra de arte en 1960, el azul ha sido sinónimo de poder, espiritualidad y sofisticación a lo largo de toda la historia humana. Si necesitas el código HEX de un azul específico, los valores RGB para diseño digital o los parámetros CMYK para impresión profesional, esta guía de 40 tonos azules tiene todo en un mismo lugar. Desde el azul hielo casi blanco (#F0F8FF) hasta el azul espacial casi negro (#0D1B2A), pasando por el cobalto, el zafiro, el maya, el Klein, el Tiffany y el Majorelle, cada tono incluye sus códigos listos para copiar directamente en Figma, Photoshop, CSS o en tu software de preimpresión.
🏢
Branding corporativo
El azul domina en finanzas, tecnología, salud, seguros y aerolíneas globales.
🌐
Diseño web
Links, botones de confianza, cabeceras de dashboard y fondos de formularios.
🖨️
Impresión
Material corporativo, portadas editoriales, packaging farmacéutico y uniformes.
🏠
Decoración
Interiores mediterráneos, nórdicos, navales y contemporáneos de lujo.
Usos del azul en diseño gráfico y branding
El azul es, con diferencia, el color más utilizado en el branding corporativo a nivel mundial. La razón es simple: ningún otro color transmite confianza, estabilidad y profesionalidad de forma tan inmediata y universal. Empresas como Samsung, Ford, IBM, Intel, PayPal, Pfizer, Visa, American Express, Boeing, Dell, HP y un largo etcétera han construido su identidad visual alrededor de distintos tonos de azul, precisamente porque su audiencia —tanto consumidores como empresas— responde mejor a él en contextos de toma de decisiones financieras o de salud. En diseño web, el azul es el color predeterminado de los hipervínculos en todos los navegadores desde los años 90, lo que ha creado una asociación inconsciente entre el azul y la acción de hacer clic. Redes sociales como Facebook, Twitter, LinkedIn y Telegram utilizan el azul porque maximiza la sensación de seguridad y credibilidad entre sus usuarios, factores críticos cuando se comparte información personal.
Psicología del color azul: calma, confianza y profundidad
La psicología del color azul es de las más estudiadas en el campo del marketing y el neuromarketing, y los resultados son consistentes en todas las culturas: el azul reduce el estrés, disminuye la frecuencia cardíaca y aumenta la sensación de confianza. Los estudios demuestran que las personas son más productivas en habitaciones azules y que los analgésicos de color azul se perciben como más efectivos que los de otros colores. En el extremo más oscuro del espectro, los azules profundos como el marino (#001F5B), el Oxford (#002147) o el Yale (#0D4F8B) transmiten autoridad, seriedad y exclusividad; son los preferidos en el sector financiero, la educación de élite y la moda masculina de lujo. Los tonos medios, como el cobalto (#0047AB), el real (#4169E1) o el social (#1DA1F2), equilibran energía y confianza, siendo los más usados en tecnología y comunicación digital. Los azules claros como el celeste (#87CEEB), el bebé (#89CFF0) o el agua (#ADD8E6) proyectan frescura, accesibilidad y ternura, dominando en salud, infantil y bienestar.
Cómo elegir el tono de azul correcto para tu proyecto
Con 40 tonos disponibles, estos son los criterios que simplifican la decisión. Primero, define el mensaje: si necesitas transmitir confianza institucional usa azules oscuros (marino, Oxford, prusia); si quieres energía y modernidad ve a los medios saturados (cobalto, eléctrico, social); si buscas calma y accesibilidad escoge los claros (celeste, agua, bebé). Segundo, considera el soporte: en diseño digital los valores RGB son los que determinan el color final en pantalla, y los azules suelen ser de los más fieles en la transición pantalla-impresión, aunque los azules muy saturados tipo Klein o cobalto pueden perder vivacidad al convertirse a CMYK. Tercero, verifica el contraste: los azules oscuros admiten texto blanco perfectamente (ratio de contraste superior a 7:1 en los más oscuros); los azules medios admiten tanto blanco como negro según el tono exacto; los claros siempre necesitan texto muy oscuro para cumplir los estándares de accesibilidad WCAG. Los colores complementarios del azul son los naranjas y los amarillos, mientras que el blanco, el gris y el plateado son sus neutros naturales por excelencia.
Preguntas frecuentes sobre los tonos de color azul
Las dudas más habituales sobre el color azul, sus códigos HEX, RGB y CMYK, y cómo aplicarlo en proyectos de diseño gráfico, branding y diseño web.
¿Cuál es el código HEX del color azul puro?
El azul puro tiene el código HEX #0000FF, equivalente a RGB (0, 0, 255) y CMYK (100, 100, 0, 0). Es también el color “Blue” del estándar HTML, usable directamente en CSS como color: blue;. Sin embargo, este azul es tan saturado que pocas veces se usa en diseño profesional sin modificaciones. Los diseñadores suelen preferir variantes como el azul real (#4169E1), el cobalto (#0047AB) o el acero (#4682B4), que mantienen la vibración del azul con mayor versatilidad de aplicación.
¿Qué diferencia hay entre azul marino, azul noche y azul prusia?
Los tres son azules muy oscuros pero con matices distintos. El azul marino (#001F5B) es el más neutral y oscuro, asociado con uniformes y moda clásica. El azul noche (#191970, Midnight Blue en HTML) tiene un tinte más violáceo y es ligeramente más cálido. El azul prusia (#003153) tiende más hacia el verde-azul oscuro, con un carácter más frío y denso. En diseño, el marino se usa más en moda y corporativo; el noche en arte y entretenimiento; el prusia en arte y diseño editorial de lujo.
¿Cómo se representa el color azul en RGB?
En el modelo RGB, el azul se forma elevando el canal azul y reduciendo el rojo y el verde. El azul puro es rgb(0, 0, 255). Para azules más oscuros, se reduce el valor del canal azul: el marino es rgb(0, 31, 91); el prusia rgb(0, 49, 83). Para azules más claros, se suben los canales rojo y verde simultáneamente: el celeste es rgb(135, 206, 235); el agua rgb(173, 216, 230). Cuando los tres canales son altos pero el azul domina, obtenemos azules pálidos como el lavanda rgb(230, 230, 250). RGB es el formato correcto para todo diseño digital.
¿Qué tono de azul es mejor para diseño web y branding digital?
Depende del sector. Para tecnología y apps, el azul eléctrico (#1E90FF) o el social (#1DA1F2) son los más efectivos porque tienen alta saturación sin perder legibilidad. Para branding corporativo y finanzas, el cobalto (#0047AB), el Classic Blue de Pantone (#0F4C81) o el azul rey (#003EA5) transmiten confianza máxima. Para salud y bienestar, el cerúleo (#2A9FD6) o el acero (#4682B4) combinan profesionalidad con accesibilidad. Para lujo y moda, el azul marino (#001F5B) o el Oxford (#002147) son infalibles. Verifica siempre el contraste WCAG con el texto.
¿Cuáles son los valores CMYK del azul para imprenta?
En el modelo CMYK, el azul se forma principalmente con cian y magenta, sin amarillo. El azul puro es cmyk(100, 100, 0, 0); el cobalto cmyk(100, 58, 0, 33); el marino cmyk(100, 66, 0, 64); el acero cmyk(61, 28, 0, 29). Algo importante: los azules muy vibrantes del espectro RGB —especialmente el azul Klein (#002FA7) o el cobalto— pueden verse más apagados al imprimirse porque el gamut CMYK no alcanza todas las frecuencias del modelo RGB. Para impresión de precisión, usa referencias Pantone y pide siempre prueba de color.
¿Por qué el azul es el color favorito de más personas en el mundo?
Estudios de preferencia de color en más de 20 países muestran consistentemente que el azul es el favorito de entre el 40% y el 45% de las personas, muy por encima del segundo (verde, ~15%). Los investigadores apuntan a varias razones: el cielo y el agua —los entornos más seguros evolutivamente— son azules; el azul estimula la producción de serotonina reduciendo el estrés; y culturalmente el azul raramente tiene connotaciones negativas en ninguna civilización conocida, a diferencia del rojo, el verde o el amarillo que varían mucho según la cultura.
¿Qué colores combinan mejor con el azul en diseño?
El azul tiene combinaciones clásicas altamente efectivas. Su complementario es el naranja, creando contrastes muy enérgicos ideales para e-commerce y deportes. Con blanco consigue limpieza y modernidad, la combinación más usada en tecnología. Con oro y plateado proyecta lujo y exclusividad clásica. Con rojo crea la triada RGB de alto contraste, muy usada en banderas y diseño gráfico impactante. El azul marino con beige y crema forma paletas náuticas atemporales. Para paletas analógicas, combina con verde azulado o con morado.
¿Cuáles son los tonos de azul más usados en diseño profesional?
Los tonos con mayor presencia en proyectos profesionales son: azul marino (moda, corporativo), cobalto (arte, diseño vibrante), zafiro (lujo, joyería), celeste (infantil, salud), acero (tecnología, industria), eléctrico (apps, digital), real (institucional, gobierno), Classic Blue de Pantone (branding contemporáneo) y azul Tiffany (lujo, cosmética). Todos con sus códigos HEX, RGB y CMYK disponibles para copiar directamente en esta guía.
El azul es el color más universal, el más confiable y, posiblemente, el más estudiado del espectro visible. Con esta guía de 40 tonos de azul tienes en un solo lugar los códigos HEX, RGB y CMYK de cada variante —desde el azul casi blanco del hielo hasta el azul casi negro del cosmos— para aplicarlos directamente en tu próximo proyecto de diseño web, branding, impresión o decoración. Si esta guía te ha resultado útil, explora el resto de paletas de colores del blog: morado, verde, naranja, rojo y amarillo, todas con el mismo sistema interactivo de copia rápida.
Para proporcionar las mejores experiencias, utilizamos tecnologías como las cookies para almacenar y/o acceder a la información del dispositivo. Consentir estas tecnologías nos permitirá procesar datos como el comportamiento de navegación o IDs únicos en este sitio. No consentir o retirar el consentimiento, puede afectar negativamente a ciertas características y funciones.
Funcional
Always active
El almacenamiento o acceso técnico es estrictamente necesario para el fin legítimo de permitir el uso de un servicio específico solicitado explícitamente por el abonado o usuario, o con el único fin de llevar a cabo la transmisión de una comunicación a través de una red de comunicaciones electrónicas.
Preferencias
El almacenamiento o acceso técnico es necesario para el fin legítimo de almacenar preferencias no solicitadas por el abonado o usuario.
Estadísticas
The technical storage or access that is used exclusively for statistical purposes.El almacenamiento o acceso técnico que se utiliza exclusivamente con fines estadísticos anónimos. Sin una citación judicial, el cumplimiento voluntario por parte de su proveedor de servicios de Internet o registros adicionales de un tercero, la información almacenada o recuperada únicamente con este fin no puede utilizarse normalmente para identificarle.
Marketing
El almacenamiento o acceso técnico es necesario para crear perfiles de usuario para enviar publicidad, o para seguir al usuario en un sitio web o en varios sitios web con fines de marketing similares.
