cropped-pngwing.com_.png

40 tonos de amarillo que debes de conocer

Índice

Guía completa de tonos amarillos

El amarillo es el color más luminoso del espectro visible y el que el ojo humano detecta con mayor rapidez después del rojo. Va desde el blanco cremoso casi sin color hasta el dorado casi naranja, pasando por limones eléctricos, mostazas, ámbar, miel, vainilla y chartreuse. A continuación, 40 tonos amarillos con sus códigos listos para copiar. Haz clic en cualquier código para copiarlo al portapapeles.

⭐ 40 tonos amarillos
💡 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 digitales. Los datos CMYK se usan en impresión profesional. Haz clic en cualquier valor para copiarlo directamente.
40 colores
Copiar HEX
Amarillo puro
El amarillo del estándar RGB y HTML. Canal rojo y verde al máximo, cero azul.
HEX#FFFF00
RGB255, 255, 0
CMYK0, 0, 100, 0
Copiar HEX
Dorado
Brillante como el metal precioso. Gold en HTML, icónico en trofeos, premios y lujo.
HEX#FFD700
RGB255, 215, 0
CMYK0, 16, 100, 0
Copiar HEX
Crema
Casi blanco con toque amarillo cálido. El fondo más elegante en diseño editorial.
HEX#FFFDD0
RGB255, 253, 208
CMYK0, 1, 18, 0
Copiar HEX
Mostaza
Apagado y terroso como la mostaza. Muy popular en decoración y moda retro.
HEX#FFDB58
RGB255, 219, 88
CMYK0, 14, 65, 0
Copiar HEX
Amarillo limón
Brillante y ácido como el limón. El amarillo más fresco y juvenil del espectro.
HEX#FFF44F
RGB255, 244, 79
CMYK0, 4, 69, 0
Copiar HEX
Ámbar
Cálido y profundo como la resina fósil. Entre el amarillo y el naranja.
HEX#FFBF00
RGB255, 191, 0
CMYK0, 25, 100, 0
Copiar HEX
Vainilla
Suave y cálido como la vaina de vainilla. Delicado, ideal en packaging gourmet.
HEX#F3E5AB
RGB243, 229, 171
CMYK0, 6, 30, 5
Copiar HEX
Amarillo neón
Fluorescente e impactante. El amarillo de los chalecos de seguridad y el gaming.
HEX#CCFF00
RGB204, 255, 0
CMYK20, 0, 100, 0
Copiar HEX
Ocre
Pigmento de tierra natural. Uno de los colores más antiguos usados por el ser humano.
HEX#CC7722
RGB204, 119, 34
CMYK0, 42, 83, 20
Copiar HEX
Mantequilla
Suave y delicado, como la mantequilla sin sal. LemonChiffon en HTML. Muy versátil.
HEX#FFFACD
RGB255, 250, 205
CMYK0, 2, 20, 0
Copiar HEX
Miel
Cálido y orgánico como la miel de abeja. Muy usado en branding de alimentos naturales.
HEX#F4A900
RGB244, 169, 0
CMYK0, 31, 100, 4
Copiar HEX
Amarillo solar
Brillante como el sol de mediodía. El amarillo más enérgico y positivo del espectro.
HEX#FFC300
RGB255, 195, 0
CMYK0, 24, 100, 0
Copiar HEX
Amarillo oscuro
Apagado y terroso. Punto intermedio entre el dorado brillante y la mostaza seca.
HEX#D4AC0D
RGB212, 172, 13
CMYK0, 19, 94, 17
Copiar HEX
Amarillo pastel
Muy pálido y suave. Ideal como fondo en diseño infantil y cosmética natural.
HEX#FEFAD4
RGB254, 250, 212
CMYK0, 2, 17, 0
Copiar HEX
Amarillo girasol
Cálido y luminoso como los pétalos del girasol. El amarillo más alegre y natural.
HEX#FFCD00
RGB255, 205, 0
CMYK0, 20, 100, 0
Copiar HEX
Chartreuse amarillo
En el límite con el verde. Eléctrico y llamativo. Chartreuse Yellow en CSS.
HEX#DFFF00
RGB223, 255, 0
CMYK13, 0, 100, 0
Copiar HEX
Marfil
Blanco cálido casi puro. Ivory en HTML. El fondo preferido en diseño editorial de lujo.
HEX#FFFFF0
RGB255, 255, 240
CMYK0, 0, 6, 0
Copiar HEX
Azafrán
Intenso y cálido como la especia más valiosa. El amarillo sagrado en Asia y la India.
HEX#F4C430
RGB244, 196, 48
CMYK0, 20, 80, 4
Copiar HEX
Amarillo canario
Brillante y puro como el plumaje del canario. El amarillo más alegre y luminoso.
HEX#FFE800
RGB255, 232, 0
CMYK0, 9, 100, 0
Copiar HEX
Curry
Terroso y especiado como el curry en polvo. Muy tendencia en diseño de interiores.
HEX#C8A415
RGB200, 164, 21
CMYK0, 18, 90, 22
Copiar HEX
Amarillo claro
LightYellow en HTML. Fondo cálido casi invisible, muy usado en tooltips y destacados web.
HEX#FFFFE0
RGB255, 255, 224
CMYK0, 0, 12, 0
Copiar HEX
Caléndula
Naranja-amarillo intenso de la flor de caléndula. Muy festivo en el Día de Muertos.
HEX#EAA221
RGB234, 162, 33
CMYK0, 31, 86, 8
Copiar HEX
Mimosa
Pantone Color del Año 2009. Cálido y optimista, evoca la flor de mimosa en primavera.
HEX#EFC050
RGB239, 192, 80
CMYK0, 20, 67, 6
Copiar HEX
Amarillo banana
El amarillo cálido y jugoso del plátano maduro. Alegre y muy reconocible.
HEX#FAE03C
RGB250, 224, 60
CMYK0, 10, 76, 2
Copiar HEX
Mostaza oscura
Profunda y apagada. La mostaza más saturada y oscura, muy usada en moda actual.
HEX#AC8400
RGB172, 132, 0
CMYK0, 23, 100, 33
Copiar HEX
Amarillo taxi
El amarillo de los taxis de Nueva York y la señalización de alta visibilidad.
HEX#FFCF40
RGB255, 207, 64
CMYK0, 19, 75, 0
Copiar HEX
Champán
Dorado muy pálido y elegante. El amarillo del lujo discreto y las celebraciones.
HEX#F7E7CE
RGB247, 231, 206
CMYK0, 6, 17, 3
Copiar HEX
Trigo
Cálido y natural como los campos de trigo maduros. Wheat en HTML. Muy versátil.
HEX#F5DEB3
RGB245, 222, 179
CMYK0, 9, 27, 4
Copiar HEX
Amarillo escolar
El amarillo de los autobuses escolares americanos. Máxima visibilidad y seguridad.
HEX#FFD800
RGB255, 216, 0
CMYK0, 15, 100, 0
Copiar HEX
Amarillo paja
Apagado y natural como la paja seca. Perfecto en diseños de estilo rústico y natural.
HEX#E4D96F
RGB228, 217, 111
CMYK0, 5, 51, 11
Copiar HEX
Dorado antiguo
Apagado y patinado como el oro envejecido. Old Gold en diseño clásico y heráldica.
HEX#CFB53B
RGB207, 181, 59
CMYK0, 13, 71, 19
Copiar HEX
Illuminating
Pantone Color del Año 2021. Brillante y esperanzador, símbolo de optimismo post-pandemia.
HEX#F5DF4D
RGB245, 223, 77
CMYK0, 9, 69, 4
Copiar HEX
Amarillo melocotón
Cálido y suave, entre el amarillo y el durazno. Muy popular en bodas y eventos.
HEX#FFEAC2
RGB255, 234, 194
CMYK0, 8, 24, 0
Copiar HEX
Ámbar oscuro
Intenso y tostado, en el límite con el naranja. El ámbar más profundo del espectro.
HEX#FF7E00
RGB255, 126, 0
CMYK0, 51, 100, 0
Copiar HEX
Amarillo vivo
Saturado y brillante sin ser neón. El amarillo más equilibrado para uso en diseño digital.
HEX#FFE600
RGB255, 230, 0
CMYK0, 10, 100, 0
Copiar HEX
Amarillo arena
Cálido y neutro como la arena de playa. Ideal en diseños naturales y mediterráneos.
HEX#F4D03F
RGB244, 208, 63
CMYK0, 15, 74, 4
Copiar HEX
Orpimiento
Pigmento histórico de sulfuro de arsénico, usado desde el Antiguo Egipto en pintura.
HEX#FCB017
RGB252, 176, 23
CMYK0, 30, 91, 1
Copiar HEX
Yema de huevo
Cálido y nutritivo como la yema. Muy usado en branding de alimentos y cocina.
HEX#FFD966
RGB255, 217, 102
CMYK0, 15, 60, 0
Copiar HEX
Dorado viejo
DarkGoldenrod en HTML. Oscuro y clásico, muy usado en heráldica, emblemas y diplomas.
HEX#B8860B
RGB184, 134, 11
CMYK0, 27, 94, 28

Hay un color que el ojo humano detecta más rápido que cualquier otro en condiciones de luminosidad normal, y ese color es el amarillo. El motivo es puramente fisiológico: los conos de la retina que procesan el verde y el rojo —los dos canales que combinados producen el amarillo— son los más abundantes y sensibles del sistema visual humano. Esa hipervisibilidad es la razón por la que el amarillo domina en señalización de seguridad, señales de tráfico y chalecos reflectantes en todo el mundo. Pero el espectro de los tonos amarillos es vastísimo y sorprendentemente sofisticado: va desde el marfil y la crema casi blancos hasta el ocre y el dorado viejo casi marrones, pasando por el canario brillante, el azafrán sagrado, la mostaza retro, el curry especiado, el chartreuse eléctrico y el mimosa de Pantone. Esta guía reúne los 40 tonos amarillos más relevantes en diseño, cada uno con su código HEX, sus valores RGB para pantallas digitales y sus parámetros CMYK para impresión profesional, todos listos para copiar con un clic.

🚦
Señalización
Señales de tráfico, chalecos de seguridad, advertencias y balizas de emergencia.
🍯
Alimentación
Packaging de miel, mantequilla, curry, snacks y productos orgánicos naturales.
✏️
Diseño editorial
Portadas llamativas, marcadores de texto, infografías y fondos de destacados.
🏠
Decoración
Cojines mostaza, paredes crema, accesorios dorados y textiles de temporada.

Usos del amarillo en diseño gráfico, branding y publicidad

El amarillo es el color más ambivalente del espectro en términos de branding: puede transmitir alegría y positividad, pero también advertencia y precaución, dependiendo del tono exacto y del contexto. Las marcas que lo utilizan con maestría son aquellas que han encontrado ese punto de equilibrio preciso. McDonald’s eligió el amarillo dorado de sus arcos porque maximiza la visibilidad en carreteras y estimula el apetito cuando se combina con el rojo. IKEA, Snapchat, National Geographic, DHL, Post-it, Caterpillar, Nikon y el emoji más universal del mundo son todos amarillos. En publicidad, el amarillo es el color que más rápidamente capta la atención periférica, lo que lo convierte en el preferido para destacados, precios de oferta y flashes publicitarios. Los tonos más oscuros y apagados como la mostaza (#FFDB58) o el curry (#C8A415) se han convertido en los grandes protagonistas de la decoración de interiores contemporánea, especialmente en combinación con terracota, verde salvia y madera natural.

Psicología del color amarillo: alegría, energía y atención

La psicología del color amarillo es fascinante porque combina los efectos más estimulantes y los más contradictorios del espectro. En su cara positiva, el amarillo es el color de la alegría, el optimismo, la creatividad y la energía mental. Los estudios demuestran que las habitaciones con tonos amarillos claros incrementan la concentración y la actividad cognitiva. Es el color más asociado con la felicidad en la mayoría de las culturas occidentales, lo que explica el éxito del emoji sonriente. Sin embargo, el amarillo también tiene una cara menos amigable: en exceso, puede provocar ansiedad, irritabilidad y cansancio visual; es el color que más rápido fatiga a la vista cuando se usa en grandes superficies. Esta doble naturaleza explica por qué el amarillo funciona mejor como color de acento —en detalles, tipografías, iconos y pequeños elementos gráficos— que como color de fondo dominante. Los tonos suaves como el crema, la vainilla o la mantequilla resuelven este problema elegantemente: mantienen la calidez del amarillo sin la agresividad visual del amarillo puro. Los tonos oscuros como el ocre, la mostaza oscura o el dorado viejo añaden profundidad y sofisticación, llevando el amarillo al terreno del lujo terroso y la autenticidad artesanal.

Cómo elegir el tono de amarillo correcto y su código HEX para tu proyecto

El amarillo es el color más difícil de aplicar correctamente en diseño, y la elección del tono lo es todo. Para diseño web, evita el amarillo puro (#FFFF00) como color de texto o botón —prácticamente ilegible sobre fondo blanco— y opta por amarillos más oscuros y saturados como el solar (#FFC300), el escolar (#FFD800) o el vivo (#FFE600). Para fondos y destacados, los amarillos pálidos como el claro (#FFFFE0), la mantequilla (#FFFACD) o el pastel (#FEFAD4) funcionan muy bien sin saturar la composición. Para branding premium, el dorado (#FFD700), el azafrán (#F4C430) o el dorado viejo (#B8860B) proyectan exclusividad y valor. En cuanto al soporte, el amarillo es uno de los colores que mejor se comporta en la conversión de RGB a CMYK: los amarillos puros y brillantes de pantalla se reproducen razonablemente bien en imprenta. El problema más habitual es con los amarillos muy claros, que pueden desaparecer en papel sin buena calidad. El complementario del amarillo es el morado, combinación de altísimo contraste muy usada en packaging y diseño gráfico de impacto. Con el azul marino crea un dúo clásico de gran elegancia; con el negro maximiza la visibilidad y el dramatismo.


Preguntas frecuentes sobre los tonos de color amarillo

Las dudas más habituales sobre el color amarillo, sus códigos HEX, RGB y CMYK, y cómo aplicarlo correctamente en proyectos de diseño gráfico, web e impresión.

¿Cuál es el código HEX del color amarillo puro?
El amarillo puro tiene el código HEX #FFFF00, equivalente a RGB (255, 255, 0) y CMYK (0, 0, 100, 0). Es el color “Yellow” del estándar HTML, formado por el máximo de los canales rojo y verde con cero azul. Sin embargo, el amarillo puro tiene muy poco contraste sobre fondo blanco y resulta difícil de usar en diseño digital sin modificaciones. Los diseñadores prefieren variantes como el dorado (#FFD700), el solar (#FFC300) o el canario (#FFE800), que tienen más profundidad y son más fáciles de manejar.
¿Qué diferencia hay entre amarillo dorado, amarillo mostaza y amarillo ocre?
Los tres son amarillos cálidos pero con registros distintos. El dorado (#FFD700) es brillante y metálico, con alta saturación; evoca el metal precioso y el lujo. La mostaza (#FFDB58) es más apagada y terrosa, con menos saturación; evoca lo retro, lo vintage y la calidez hogareña. El ocre (#CC7722) es el más oscuro y terroso de los tres, un pigmento de tierra natural que lleva miles de años en uso; proyecta autenticidad, historia y conexión con lo artesanal. En diseño: dorado para lujo, mostaza para moda retro, ocre para branding orgánico y artesanal.
¿Cómo se representa el color amarillo en RGB?
En el modelo RGB, el amarillo se forma elevando simultáneamente los canales rojo y verde al máximo, con el canal azul a cero. El amarillo puro es rgb(255, 255, 0). Para oscurecer, se reducen ambos canales proporcionalmente: el dorado es rgb(255, 215, 0); el ámbar rgb(255, 191, 0); la miel rgb(244, 169, 0). Para aclarar, se sube el canal azul ligeramente: la crema es rgb(255, 253, 208); la mantequilla rgb(255, 250, 205). Cuando los tres canales son altos con el azul algo por debajo, obtenemos amarillos pálidos y cálidos como el marfil.
¿Qué tono de amarillo es mejor para diseño web?
Para botones y CTAs, el amarillo solar (#FFC300), el vivo (#FFE600) o el escolar (#FFD800) son los más efectivos porque tienen suficiente saturación para destacar y buen contraste con texto negro. El amarillo puro (#FFFF00) es casi ilegible con texto blanco encima. Para fondos sutiles, el amarillo claro (#FFFFE0) o la mantequilla (#FFFACD) son ideales. Para branding premium, el dorado (#FFD700) o el azafrán (#F4C430) aportan distinción. Siempre usa texto negro o muy oscuro sobre fondos amarillos para garantizar el ratio de contraste WCAG mínimo de 4.5:1.
¿Cuáles son los valores CMYK del amarillo para imprenta?
El amarillo es el único color primario CMYK que se forma solo con el canal Y (amarillo) al 100% sin otros: el amarillo puro es cmyk(0, 0, 100, 0). El dorado es cmyk(0, 16, 100, 0); el ámbar cmyk(0, 25, 100, 0); el ocre cmyk(0, 42, 83, 20); la mostaza cmyk(0, 14, 65, 0). Buena noticia: los amarillos son de los colores que mejor se reproducen en impresión CMYK, ya que el canal Y es directo y no requiere mezclas complejas. Los amarillos muy pálidos en papel de baja calidad pueden perderse; usa siempre buen papel para tonos claros como el crema o la vainilla.
¿Qué colores combinan mejor con el amarillo en diseño?
El amarillo tiene combinaciones clásicas muy efectivas. Su complementario es el morado o violeta, creando el contraste más intenso del espectro, muy usado en packaging y carteles de alto impacto. Con negro crea el máximo contraste y legibilidad, la combinación de señalización más universal del mundo. Con azul marino forma un dúo atemporal, muy usado en preppy y decoración náutica. Con blanco consigue luminosidad y limpieza. Con gris crea paletas modernas y equilibradas. Los amarillos apagados como la mostaza o el curry combinan excepcionalmente bien con verde salvia, terracota y madera natural para interiores contemporáneos.
¿Qué significa el color amarillo en la psicología del color?
El amarillo es el color de la alegría, el optimismo, la creatividad y la energía mental. Es el color más luminoso del espectro y el que el ojo humano detecta más rápidamente, lo que lo hace imprescindible en señalización de seguridad y advertencia. Psicológicamente estimula la actividad mental y la comunicación. Sin embargo, en exceso puede provocar ansiedad y fatiga visual. Culturalmente, en occidente se asocia con la felicidad; en Asia puede asociarse con el peligro o lo sagrado; en la Edad Media europea el amarillo era el color de la traición y los marginados. En el Islam está ligado a la sabiduría y la virtud.
¿Cuáles son los tonos de amarillo más usados en diseño profesional?
Los más usados en proyectos de diseño son: dorado (#FFD700, lujo y premios), mostaza (#FFDB58, moda retro y decoración), solar (#FFC300, marketing y branding positivo), ámbar (#FFBF00, cálido y profundo), azafrán (#F4C430, cultural y artesanal), Illuminating de Pantone (#F5DF4D, diseño contemporáneo), canario (#FFE800, alegría y visibilidad), ocre (#CC7722, orgánico y artesanal) y dorado viejo (#B8860B, heráldica y diseño clásico). Todos con sus códigos HEX, RGB y CMYK disponibles para copiar directamente en esta guía.

El amarillo es el color que más energía concentra en el espectro visible: luminoso, estimulante, versátil y culturalmente rico. Desde el marfil más discreto hasta el chartreuse más eléctrico, esta familia cromática tiene un tono para cada proyecto y cada mensaje. Con esta guía de 40 tonos de amarillo tienes los códigos HEX, RGB y CMYK de cada variante listos para copiar y aplicar directamente en tu CSS, Figma, Photoshop o software de preimpresión. Si esta guía te ha sido útil, explora el resto de paletas de colores del blog: rojo, azul, verde, morado y naranja, todas con el mismo sistema interactivo de copia rápida.

¡Copiado al portapapeles!
Facebook
Twitter
LinkedIn
WhatsApp
Email
Print