Code couleur Bleu clair (#add8e6)

À propos du bleu clair

Bleu clair (lightblue) est un bleu clair, modérément saturé, de code hexadécimal #add8e6, soit rgb(173, 216, 230). En HSL, sa teinte est de 195°, sa saturation de 53 % et sa luminosité de 79 %. C'est l'une des 148 couleurs nommées que comprennent tous les navigateurs : vous pouvez donc écrire color: lightblue; à la place de la valeur hexadécimale.

Utiliser le bleu clair pour le texte et les arrière-plans

Sur un arrière-plan bleu clair, utilisez un texte en noir (13.74 : 1). Le WCAG exige au minimum 4.5 : 1 pour le texte courant et 3 : 1 pour le grand texte. Vérifiez d'autres associations avec le Vérificateur de contraste.

CSS

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

Couleurs nommées similaires

Bleu poudre (#b0e0e6), Bleu acier clair (#b0c4de), Turquoise pâle (#afeeee), Bleu ciel (#87ceeb), Gris clair (#d3d3d3), Bleu ciel clair (#87cefa).