Guia de cor

Cor Navy

#1E3A8A

Códigos da cor navy

HEX
#1E3A8A
RGB
rgb(30, 58, 138)
HSL
hsl(224, 64%, 33%)
OKLCH
oklch(64% 0.10 284)

O que significa o navy

Navy is the most authoritative color: deep, stable and serious without being cold.

Como usar em design

Classic base for finance, legal and enterprise software. Pairs with almost any accent.

Combinações de cores com navy

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

Complementar

Contraste máximo: #1E3A8A + #8A6D1E

Abrir no editor

Análoga

Harmonia a ±30°: #1E718A · #1E3A8A · #371E8A

Triádica

Separação de 120°: #1E3A8A · #8A1E3B · #3B8A1E

Tons da cor navy (escala 50–900)

Escala estilo Tailwind gerada a partir de #1E3A8A.

50 #000000
100 #000000
200 #000000
300 #060810
400 #132042
500 #1E3B8A
600 #385DC2
700 #6F88CC
800 #95A6D5
900 #AAB7DB

Cores que combinam com navy

Perguntas frequentes sobre a cor navy

Qual é o código HEX da cor navy?

Um valor HEX muito usado para navy é #1E3A8A, equivalente a rgb(30, 58, 138). Consoante o tom que procuras, podes ajustar a saturação e a luminosidade mantendo o mesmo matiz (224°).

Que cores combinam com navy?

navy combina muito bem com gold, coral, white, sky. A sua cor complementar é #8A6D1E, e um esquema triádico clássico adiciona #8A1E3B e #3B8A1E.

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

Cria a tua própria paleta navy

Gera combinações harmoniosas a partir de #1E3A8A em segundos.

Abrir o gerador de paletas