Guia de cor

Cor Emerald

#10B981

Códigos da cor emerald

HEX

#10B981

RGB

rgb(16, 185, 129)

HSL

hsl(160, 84%, 39%)

OKLCH

oklch(80% 0.04 197)

O que significa o emerald

Emerald is deep, jewel-toned growth. Richer than basic green, it feels established and secure.

Como usar em design

Strong for finance success states, eco-premium brands and elegant dark themes.

Combinações de cores com emerald

Harmonias calculadas com teoria da cor para o matiz base 160°.

Complementar

Contraste máximo: #10B981 + #B71048

Abrir no editor

Análoga

Harmonia a ±30°: #10B72C · #10B981 · #109BB7

Triádica

Separação de 120°: #10B981 · #7F10B7 · #B77F10

Tons da cor emerald (escala 50–900)

Escala estilo Tailwind gerada a partir de #10B981.

50 #000000

100 #000000

200 #010504

300 #082C20

400 #0F6649

500 #10B77F

600 #37E2A9

700 #75E5C0

800 #9FE9D0

900 #B6EDDB

Cores que combinam com emerald

Perguntas frequentes sobre a cor emerald

Qual é o código HEX da cor emerald?

Um valor HEX muito usado para emerald é #10B981, equivalente a rgb(16, 185, 129). Consoante o tom que procuras, podes ajustar a saturação e a luminosidade mantendo o mesmo matiz (160°).

Que cores combinam com emerald?

emerald combina muito bem com gold, cream, navy, coral. A sua cor complementar é #B71048, e um esquema triádico clássico adiciona #7F10B7 e #B77F10.

emerald é 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 emerald em textos ou elementos de interface.

Cria a tua própria paleta emerald

Gera combinações harmoniosas a partir de #10B981 em segundos.

Abrir o gerador de paletas