Guia de cor
Cor Blue
#3B82F6
Códigos da cor blue
O que significa o blue
Blue conveys trust, security and professionalism. It is the most used color in corporate identity and finance apps for a reason: it calms and builds credibility.
Como usar em design
Ideal for primary actions, links and navigation elements. The safest base color for SaaS and productivity products.
Combinações de cores com blue
Harmonias calculadas com teoria da cor para o matiz base 217°.
Complementar
Contraste máximo: #3B82F6 + #F6AF3C
Análoga
Harmonia a ±30°: #3CE0F6 · #3B82F6 · #523CF6
Triádica
Separação de 120°: #3B82F6 · #F63C83 · #83F63C
Tons da cor blue (escala 50–900)
Escala estilo Tailwind gerada a partir de #3B82F6.
Cores que combinam com blue
Perguntas frequentes sobre a cor blue
Qual é o código HEX da cor blue?
Um valor HEX muito usado para blue é #3B82F6, equivalente a rgb(59, 130, 246). Consoante o tom que procuras, podes ajustar a saturação e a luminosidade mantendo o mesmo matiz (217°).
Que cores combinam com blue?
blue combina muito bem com white, gray, yellow, coral. A sua cor complementar é #F6AF3C, e um esquema triádico clássico adiciona #F63C83 e #83F63C.
blue é 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 blue em textos ou elementos de interface.
Cria a tua própria paleta blue
Gera combinações harmoniosas a partir de #3B82F6 em segundos.
Abrir o gerador de paletas