Código da Cor Azul Cornflower (#6495ed)

Azul Cornflower é #6495ed em hex e rgb(100, 149, 237), um azul claro. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quão legível ele é como texto.

Atualizado em

Azul Cornflower
#6495ed
Nome CSScornflowerblue
Hex#6495ed
RGBrgb(100, 149, 237)
HSLhsl(219 79% 66%)
HWBhwb(219 39% 7%)
CMYK58%, 37%, 0%, 7%

Tons e sombras

Harmonias de cores

Sobre o Azul Cornflower

Azul Cornflower (cornflowerblue) é um azul claro e vibrante, com o código hex #6495ed, ou rgb(100, 149, 237). No HSL, ele fica com matiz de 219°, 79% de saturação e 66% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: cornflowerblue; no lugar do valor hex.

Usando o Azul Cornflower em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Azul Cornflower no branco2.97 : 1reprovado
Texto Azul Cornflower no preto7.06 : 1AAA

Em um fundo azul cornflower, use texto em preto (7.06 : 1). A WCAG exige pelo menos 4.5 : 1 para textos normais e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.

CSS

.element {
  color: cornflowerblue;               /* or #6495ed */
  background-color: #6495ed;
  border: 1px solid rgb(100 149 237 / 50%);
}

Cores nomeadas semelhantes

Azul Ardósia Médio (#7b68ee), Azul Real (#4169e1), Roxo Médio (#9370db), Azul Céu (#87ceeb), Azul Aço (#4682b4), Azul Ardósia (#6a5acd).

Perguntas frequentes

Qual é o código hex do azul cornflower?
#6495ed, que equivale a rgb(100, 149, 237) e hsl(219, 79%, 66%). No CSS você também pode simplesmente escrever cornflowerblue.
O texto azul cornflower é legível no branco?
A razão de contraste dele no branco é 2.97 : 1, o que é reprovado pela WCAG. Use-o para decoração ou sobre um fundo escuro.
Quais cores combinam com o azul cornflower?
A cor complementar dele é #edbd64. As cores análogas #64d8ed e #7864ed ficam ao lado dele no círculo cromático.