devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Código da cor azul-marinho (#000080)

Azul-marinho é #000080 em hexadecimal e rgb(0, 0, 128) — um azul escuro. Abaixo: todos os formatos de cor, tons claros e escuros, harmonias e o quão legível ele é como texto.

Atualizado em

Azul-marinho
#000080
Nome CSSnavy
Hex#000080
RGBrgb(0, 0, 128)
HSLhsl(240 100% 25%)
HWBhwb(240 0% 50%)
CMYK100%, 100%, 0%, 50%

Tons claros e escuros

#cccce6#9999cc#6666b3#333399base
#000080#000066#00004d#000033#00001a

Harmonias de cor

Complementar
#808000Análoga
#004080Análoga
#400080Triádica
#800000Triádica
#008000

Sobre o azul-marinho

Azul-marinho (navy) é um azul escuro e vibrante com o código hexadecimal #000080, ou rgb(0, 0, 128). No HSL, ele tem matiz de 240°, saturação de 100% e luminosidade de 25%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: navy; em vez do valor hexadecimal.

Usando o azul-marinho em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto azul-marinho sobre branco16.01 : 1AAA
Texto azul-marinho sobre preto1.31 : 1reprovado

Em um fundo azul-marinho, use texto branco (16.01 : 1). A WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de contraste.

CSS

.element {
  color: navy;               /* or #000080 */
  background-color: #000080;
  border: 1px solid rgb(0 0 128 / 50%);
}

Cores nomeadas semelhantes

Azul-escuro (#00008b), Azul-meia-noite (#191970), Índigo (#4b0082), Azul-médio (#0000cd), Azul-ardósia escuro (#483d8b), Cinza-ardósia escuro (#2f4f4f).

Perguntas frequentes

Qual é o código hexadecimal do azul-marinho?
#000080 — que equivale a rgb(0, 0, 128) e hsl(240, 100%, 25%). No CSS você também pode escrever simplesmente navy.
O texto azul-marinho é legível sobre branco?
Sua razão de contraste sobre o branco é 16.01 : 1, o que atende ao nível AA da WCAG para textos normais.
Quais cores combinam bem com o azul-marinho?
Sua cor complementar é #808000; as cores análogas #004080 e #400080 ficam ao lado dele no círculo cromático.