Guia de cor
Cor Orange
#F97316
Códigos da cor orange
O que significa o orange
Orange blends the energy of red with the friendliness of yellow. It feels enthusiastic, affordable and creative without the aggression of pure red.
Como usar em design
Works well for CTAs, food and fitness brands, and friendly onboarding flows.
Combinações de cores com orange
Harmonias calculadas com teoria da cor para o matiz base 25°.
Complementar
Contraste máximo: #F97316 + #159AF9
Análoga
Harmonia a ±30°: #F91528 · #F97316 · #F9E615
Triádica
Separação de 120°: #F97316 · #15F974 · #7415F9
Tons da cor orange (escala 50–900)
Escala estilo Tailwind gerada a partir de #F97316.
Cores que combinam com orange
Perguntas frequentes sobre a cor orange
Qual é o código HEX da cor orange?
Um valor HEX muito usado para orange é #F97316, equivalente a rgb(249, 115, 22). Consoante o tom que procuras, podes ajustar a saturação e a luminosidade mantendo o mesmo matiz (25°).
Que cores combinam com orange?
orange combina muito bem com white, navy, teal, charcoal. A sua cor complementar é #159AF9, e um esquema triádico clássico adiciona #15F974 e #7415F9.
orange é 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 orange em textos ou elementos de interface.
Cria a tua própria paleta orange
Gera combinações harmoniosas a partir de #F97316 em segundos.
Abrir o gerador de paletas