Cor Azul: código #0000FF

Azul

#0000FF

Códigos da cor

  • HEX#0000FF
  • RGBrgb(0, 0, 255)
  • HSLhsl(240, 100%, 50%)
  • HSVhsv(240, 100%, 100%)
  • CMYKcmyk(100%, 100%, 0%, 0%)
  • LABlab(32.3% 79.2 -107.9)
  • OKLCHoklch(45.2% 0.313 264.1)

Sobre a cor Azul

Azul tem o código HEX #0000FF, que corresponde a rgb(0, 0, 255) no modelo RGB. No círculo cromático, seu matiz fica em 240°, com 100% de saturação e 50% de luminosidade (hsl(240, 100%, 50%)).

Pelo matiz, é percebida como uma cor fria: tende a transmitir calma e distância e a “recuar” visualmente na composição.

Como fundo, pede texto claro: o branco atinge contraste de 8,59:1 sobre ela, contra 2,44:1 do preto.

Para impressão, a conversão aproximada é cmyk(100%, 100%, 0%, 0%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Azul

Complementar

#0000FF · #FFFF00

Análoga

#0080FF · #0000FF · #8000FF

Tríade

#0000FF · #FF0000 · #00FF00

Tetrádica

#0000FF · #FF0080 · #FFFF00 · #00FF80

Complementar dividida

#0000FF · #FF8000 · #80FF00

Monocromática

#000080 · #0000CC · #0000FF · #4D4DFF · #9999FF

Azul com texto branco e preto

Texto branco Aa Bb Cc 123
8,59:1 · AAA
Texto preto Aa Bb Cc 123
2,44:1 · não passa na WCAG

Testar outras combinações no verificador de contraste

O que o azul comunica

O azul costuma ser lido como calma, confiança, estabilidade e tecnologia, o que explica sua presença constante em bancos, planos de saúde, empresas de software e órgãos públicos. No Brasil, também dá nome ao Novembro Azul, campanha de conscientização sobre a saúde do homem. Mas as associações não são universais: em algumas tradições, o azul remete à proteção espiritual; em outras, à tristeza (como no blues americano). Leia sempre a cor dentro do contexto do público e do setor.

O azul puro e seus parentes

O #0000FF é o canal B do monitor no máximo. Ele é intenso e escuro ao mesmo tempo, e muita gente que busca “azul” quer, na verdade, um destes tons:

CorHEXQuando escolher
Azul#0000FFAcentos digitais vibrantes, ilustrações, telas.
Azul-marinho#000080Uniformes, alfaiataria, marcas institucionais.
Azul royal#4169E1Botões e links com energia, moda festa.
Azul-celeste#87CEEBFundos leves, verão, público infantil.

Combinações que funcionam

O complementar do azul no círculo tradicional (RYB) é o laranja, e essa dupla gera um contraste vibrante, comum em material esportivo e em chamadas de ação. Outras escolhas seguras:

Para montar a paleta completa, teste as variações no gerador de paletas.

Dica: cuidado ao imprimir

O #0000FF fica fora da gama de cores da impressão CMYK. Convertido, ele vira algo próximo de cmyk(100%, 100%, 0%, 0%), que no papel resulta em um azul-violeta bem mais escuro e menos luminoso do que o da tela. Se a cor é da marca, defina uma versão CMYK própria (ou uma cor especial Pantone) em vez de confiar na conversão automática. O guia RGB x CMYK explica o motivo. Na tela, a notícia é boa: texto branco sobre #0000FF atinge 8,6:1 de contraste, bem acima do exigido pela WCAG.

Como usar em CSS

:root {
  --color-blue: #0000FF;
  --color-blue-rgb: 0, 0, 255;
}

.elemento {
  background-color: var(--color-blue);
  color: #FFFFFF;
}

Cores parecidas

Use Azul nas ferramentas