Guia de cor
Cor Indigo
#6366F1
Códigos da cor indigo
O que significa o indigo
Indigo sits between blue and violet: as trustworthy as blue but more imaginative. It is the unofficial color of modern dev tools.
Como usar em design
A safe, modern primary for SaaS dashboards, docs sites and developer brands.
Combinações de cores com indigo
Harmonias calculadas com teoria da cor para o matiz base 239°.
Complementar
Contraste máximo: #6366F1 + #F2EF64
Análoga
Harmonia a ±30°: #64ADF2 · #6366F1 · #A864F2
Triádica
Separação de 120°: #6366F1 · #F26467 · #67F264
Tons da cor indigo (escala 50–900)
Escala estilo Tailwind gerada a partir de #6366F1.
Cores que combinam com indigo
Perguntas frequentes sobre a cor indigo
Qual é o código HEX da cor indigo?
Um valor HEX muito usado para indigo é #6366F1, equivalente a rgb(99, 102, 241). Consoante o tom que procuras, podes ajustar a saturação e a luminosidade mantendo o mesmo matiz (239°).
Que cores combinam com indigo?
indigo combina muito bem com amber, mint, white, pink. A sua cor complementar é #F2EF64, e um esquema triádico clássico adiciona #F26467 e #67F264.
indigo é 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 indigo em textos ou elementos de interface.
Cria a tua própria paleta indigo
Gera combinações harmoniosas a partir de #6366F1 em segundos.
Abrir o gerador de paletas