Guía de color
Color Amarillo
#EAB308
Códigos del color amarillo
Qué significa el amarillo
El amarillo irradia optimismo, calidez y creatividad. Es el color más visible para el ojo humano, lo que lo hace excelente para captar atención.
Cómo usarlo en diseño
Genial para destacados, avisos y marcas divertidas. Combínalo siempre con texto oscuro para buen contraste.
Combinaciones de color con el amarillo
Armonías calculadas con teoría del color para el matiz base 45°.
Complementario
Contraste máximo: #EAB308 + #0840E7
Análogo
Armonía a ±30°: #E74008 · #EAB308 · #B0E708
Triádico
Separación de 120°: #EAB308 · #08E7B0 · #B008E7
Tonos del color amarillo (escala 50–900)
Escala estilo Tailwind generada a partir de #EAB308.
Colores que combinan con el amarillo
Preguntas frecuentes sobre el color amarillo
¿Cuál es el código HEX del color amarillo?
Un valor HEX muy usado para el color amarillo es #EAB308, equivalente a rgb(234, 179, 8). Según el tono que busques, puedes ajustar saturación y luminosidad manteniendo el mismo matiz (45°).
¿Qué colores combinan con el amarillo?
El amarillo combina muy bien con charcoal, navy, gray, purple. Su color complementario es #0840E7, y una combinación triádica clásica añade #08E7B0 y #B008E7.
¿Es el amarillo accesible para textos y fondos?
Depende del ratio de contraste frente al otro color. Usa el verificador de contraste de NanoPalettes para comprobar el cumplimiento WCAG AA (4.5:1) y AAA (7:1) antes de usar el amarillo en textos o elementos de interfaz.
Crea tu propia paleta en amarillo
Genera combinaciones armónicas a partir de #EAB308 en segundos.
Abrir el generador de paletas