Código da Cor Azul Claro (#add8e6)

Sobre o Azul Claro

Azul Claro (lightblue) é um azul claro, de saturação moderada, com código hexadecimal #add8e6, ou rgb(173, 216, 230). No HSL, ele fica no matiz de 195°, com 53% de saturação e 79% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: lightblue; no lugar do valor hex.

Usando o Azul Claro em textos e fundos

Em um fundo azul claro, use texto em preto (13.74 : 1). A WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Confira outros pares com o Verificador de Contraste.

CSS

.element {
  color: lightblue;               /* or #add8e6 */
  background-color: #add8e6;
  border: 1px solid rgb(173 216 230 / 50%);
}

Nomes de cores semelhantes

Azul Pó (#b0e0e6), Azul Aço Claro (#b0c4de), Turquesa Pálido (#afeeee), Azul Céu (#87ceeb), Cinza Claro (#d3d3d3), Azul Céu Claro (#87cefa).