Guia de cor
Cor Amber
#F59E0B
Códigos da cor amber
O que significa o amber
Amber glows with warmth and cautious energy. It is the color of warnings that still feel friendly.
Como usar em design
Ideal for warnings, ratings (stars) and warm accent lighting effects in UI.
Combinações de cores com amber
Harmonias calculadas com teoria da cor para o matiz base 38°.
Complementar
Contraste máximo: #F59E0B + #0A60F5
Análoga
Harmonia a ±30°: #F5290A · #F59E0B · #D6F50A
Triádica
Separação de 120°: #F59E0B · #0AF59F · #9F0AF5
Tons da cor amber (escala 50–900)
Escala estilo Tailwind gerada a partir de #F59E0B.
Cores que combinam com amber
Perguntas frequentes sobre a cor amber
Qual é o código HEX da cor amber?
Um valor HEX muito usado para amber é #F59E0B, equivalente a rgb(245, 158, 11). Consoante o tom que procuras, podes ajustar a saturação e a luminosidade mantendo o mesmo matiz (38°).
Que cores combinam com amber?
amber combina muito bem com navy, indigo, charcoal, cream. A sua cor complementar é #0A60F5, e um esquema triádico clássico adiciona #0AF59F e #9F0AF5.
amber é acessível para textos e fundos?
Depende do rácio de contraste face à outra cor. Usa o verificador de contraste da NanoPalettes para verificar a conformidade WCAG AA (4.5:1) e AAA (7:1) antes de usar amber em textos ou elementos de interface.
Cria a tua própria paleta amber
Gera combinações harmoniosas a partir de #F59E0B em segundos.
Abrir o gerador de paletas