Guía de color
Color Ámbar
#F59E0B
Códigos del color ámbar
Qué significa el ámbar
El ámbar brilla con calidez y energía cautelosa. Es el color de los avisos que se sienten amables.
Cómo usarlo en diseño
Ideal para avisos, valoraciones (estrellas) y efectos de luz cálida en UI.
Combinaciones de color con el ámbar
Armonías calculadas con teoría del color para el matiz base 38°.
Complementario
Contraste máximo: #F59E0B + #0A60F5
Análogo
Armonía a ±30°: #F5290A · #F59E0B · #D6F50A
Triádico
Separación de 120°: #F59E0B · #0AF59F · #9F0AF5
Tonos del color ámbar (escala 50–900)
Escala estilo Tailwind generada a partir de #F59E0B.
Colores que combinan con el ámbar
Preguntas frecuentes sobre el color ámbar
¿Cuál es el código HEX del color ámbar?
Un valor HEX muy usado para el color ámbar es #F59E0B, equivalente a rgb(245, 158, 11). Según el tono que busques, puedes ajustar saturación y luminosidad manteniendo el mismo matiz (38°).
¿Qué colores combinan con el ámbar?
El ámbar combina muy bien con navy, indigo, charcoal, cream. Su color complementario es #0A60F5, y una combinación triádica clásica añade #0AF59F y #9F0AF5.
¿Es el ámbar 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 ámbar en textos o elementos de interfaz.
Crea tu propia paleta en ámbar
Genera combinaciones armónicas a partir de #F59E0B en segundos.
Abrir el generador de paletas