Sobre o Azul
Azul (blue) é um azul médio e vivo, com código hex #0000ff, ou rgb(0, 0, 255). Em HSL, ele fica com matiz de 240°, saturação de 100% e luminosidade de 50%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: blue; em vez do valor hex.
Usando o azul em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto azul no branco | 8,59 : 1 | AAA |
| Texto azul no preto | 2,44 : 1 | reprova |
Em um fundo azul, use texto branco (8,59 : 1). A WCAG exige pelo menos 4,5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.
CSS
.element {
color: blue; /* or #0000ff */
background-color: #0000ff;
border: 1px solid rgb(0 0 255 / 50%);
}Cores nomeadas parecidas
Medium Blue (#0000cd), Dark Blue (#00008b), Navy (#000080), Royal Blue (#4169e1), Indigo (#4b0082), Dodger Blue (#1e90ff).
Nomear Cores
Cole um código HEX para obter o nome mais próximo, legível para humanos, e nomes de tokens limpos para o seu CSS, SCSS, JavaScript ou configuração do Tailwind.
Perguntas frequentes
Qual é o código hex do azul?
#0000ff — que equivale a rgb(0, 0, 255) e hsl(240, 100%, 50%). No CSS você também pode simplesmente escrever blue.
O texto azul é legível no branco?
Sua razão de contraste no branco é 8,59 : 1, o que atende à WCAG AA para textos normais.
Quais cores combinam com o azul?
Sua cor complementar é #ffff00; as cores análogas #0080ff e #8000ff ficam ao lado dele no círculo cromático.