Guia de cor
Cor Green
#22C55E
Códigos da cor green
O que significa o green
Green is associated with nature, growth and health. It reduces eye strain and signals success and confirmation in user interfaces.
Como usar em design
Perfect for success states, environmental brands, finance growth indicators and wellness products.
Combinações de cores com green
Harmonias calculadas com teoria da cor para o matiz base 142°.
Complementar
Contraste máximo: #22C55E + #C42188
Análoga
Harmonia a ±30°: #37C421 · #22C55E · #21C4AE
Triádica
Separação de 120°: #22C55E · #5D21C4 · #C45D21
Tons da cor green (escala 50–900)
Escala estilo Tailwind gerada a partir de #22C55E.
Cores que combinam com green
Perguntas frequentes sobre a cor green
Qual é o código HEX da cor green?
Um valor HEX muito usado para green é #22C55E, equivalente a rgb(34, 197, 94). Consoante o tom que procuras, podes ajustar a saturação e a luminosidade mantendo o mesmo matiz (142°).
Que cores combinam com green?
green combina muito bem com white, beige, charcoal, pink. A sua cor complementar é #C42188, e um esquema triádico clássico adiciona #5D21C4 e #C45D21.
green é 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 green em textos ou elementos de interface.
Cria a tua própria paleta green
Gera combinações harmoniosas a partir de #22C55E em segundos.
Abrir o gerador de paletas